Return value in if condition using ReactJS

Question

I have the following block of code:

      <div className="max">
        {Math.max.apply(
          Math,
          items.feeds.map(function(o) {
            const temp = 34;

            if(o.field1 <= temp) {
              return <b>{o.field1}</b>; //return NaN
             }
            else {
               return o.field1;
            }

          })
        )}
      </div>

However, the if statement returns NaN. If I just return o.field1, it works. Like this:

items.feeds.map (function (o) {return o.field1}

Is there an issue in my if statement? I want if the value of o.field1 satisfies the condition when printing to screen it is bold.

Use filter instead

WebDeg Brian
– WebDeg Brian

2018-11-01 08:08:12 +00:00
Commented Nov 1, 2018 at 8:08 — WebDeg Brian
– WebDeg Brian, Commented Nov 1, 2018 at 8:08

Julius Dzidzevičius · Accepted Answer · 2018-11-01 08:31:53Z

1

Math.max returns a number:

Return value: The largest of the given numbers. If at least one of the arguments cannot be converted to a number, NaN is returned.

What you return is <b>{o.field1}</b> - it cannot be converted to a number. Wrap returned number with <b> tags later.

answered Nov 1, 2018 at 8:31

Julius Dzidzevičius

11k11 gold badges41 silver badges84 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Return value in if condition using ReactJS

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related