时间戳

首页 > 解决方案 > React js - 状态如何等于数组的每个值？

reactjs - React js - 状态如何等于数组的每个值？

问题描述

我有一个问题，我的问题是我不能让我的状态等于数组的值。

我想要发生的是当状态值等于数组的值之一时，将打印的字体颜色应该是红色。

这是我的代码

const arrayValues = [2,4,6,8,10,11,13,15];

<span style={{color: `${stateValue[i] === arrayValues} ? 'red' : ''`}}>
      {stateValue[i]}
</span>

例如，如果 stateValue[i] === 2 那么字体颜色应该是红色的。

stateValue 的值来自生成随机数的其他组件。你能建议需要做的步骤吗？

提前致谢

标签： reactjs

解决方案

我想要发生的是当状态值等于数组的值之一时

您可能想使用#Array.includes：

<span
  style={{
    color: `${arrayValues.includes(stateValue[i]) ? 'red' : 'none'}`
  }}
>
  {stateValue[i]}
</span>

推荐阅读