javascript - React 有条件更新列表

Question

我是 react 新手，我试图了解如何更改列表的元素。下面是我正在尝试做的一个简单示例。

const numbers = [1, 2, 3, 4, 5];
/* 
if(numbers[1] == 2)
   numbers[1] = 5;
else 
   numbers[1] = 0;
*/
const listItems = numbers.map((number) =>
  <li>{number}</li>
);

我需要根据上面的注释更新列表的元素。但我遇到了很多错误。这是在 React 中使用列表的错误方法吗？谢谢。

Answer 1

Array#map回调接收当前索引作为第二个参数，因此您可以在 JSX 中使用嵌套三元组，并在索引为 1 时修改渲染的项目:

const numbers = [1, 2, 3, 4, 5];

const listItems = numbers.map((number, index) =>
  <li>{index === 1 ? (number === 2 ? 5 : 0) : number}</li>
);