Как if else react?

Question

[Smuzzzzzi]

Есть div по умолчанию
<div className="vote">
Нужно если значение больше 0 присваивать класс positive
<div className="vote positive">
Если значение меньше 0
<div className="vote negative">
Делаю так, но но если значение меньше 0 все равно стоит positive

<div className={"vote" + (article.total_comments.length > 0 ? '' : " positive")  + (article.total_comments.length < 0 ? '' : "negative")}>

Comments

[Алексей Уколов]

Длина массива не может быть меньше ноля. Массив - это не кредитная организация, вы не можете быть ему должны три элемента.

Answer 1

[0xD34F]

Перечитайте внимательно, что вы там у себя понаписали - если значение больше нуля, то пустая строка, иначе 'positive'. Вам вроде бы наоборот надо. То же самое и со вторым условием.

А вообще, можно и без условий:

['negative', '', 'positive'][Math.sign(article.total_comments.length) + 1]

Comments

[Smuzzzzzi]

С вашим вариантом нет никакого класса совсем!
По поводу того что я написал, если поставить значение в пустую строку, она и останется пустой!

[0xD34F]

Smuzzzzzi,

С вашим вариантом нет никакого класса совсем!

Разумеется, есть. Ищите проблему в своих данных - наверняка вы подсовываете вместо чисел какой-то мусор.