javascript - 使用循环中的值设置状态

Question

我正在循环一些数据:

  const [var, setVar] = useState('');
  const us =  cars.map(i => {
    let myCar = cars.find(u => u.m === i.k);
    if (myCar.id === data.key) {
      return (myCar.name)
    }
  });
  setVar(us);

我知道在循环内 setVar 不好，我尝试在循环外设置它，但我得到了太多渲染。我是否应该将其设置在 useEffect 中？

Answer 1

怎么样:

const [var, setVar] = useState(
  cars.map(i => {
    let myCar = cars.find(u => u.m === i.k);
    if (myCar.id === data.key) {
      return (myCar.name)
    }
  }));