主页 / 问题 / 1572677
Accepted
rabbit
Asked:2024-03-22 01:57:35 +0000 UTC2024-03-22 01:57:35 +0000 UTC

在反应中向状态数组添加值时出错

  • 772

我想有条件地向数组添加一个值。这state和添加功能：

const [Selectors, setSelectors] = useState([]);
const SelectorAdd = (newValue) => {
   setSelectors((array) => [...array, newValue]);
}

我只想将任何文本值添加Selectors到此条件内的数组中：

{Yes ?
   <>
      <AnyComponent />
      {SelectorAdd('text value')} <=== ТУТ
   </>
: null}

我收到此错误：

Too many re-renders. React limits the number of renders to prevent an infinite loop.

请告诉我，这是什么错误？谢谢你！

reactjs

1 个回答

  1. Best Answer

    SelectorAdd() => setSelectors() => 重绘 => 无限循环

    const A = () => {
  const [state, setState] = useState(0);
  const [yes, setYes] = useState(true)

  // //не правилный способ
  // if (yes) {
  //   //запускает перересовку бесконечно
  //   setState((prev) => ++prev);
  // }

  //правильный
  useEffect(() => {
    if (yes) {
      setState((prev) => ++prev);
    }
  }, [yes]);

  //не имеет смысла внутри юзать setState
  return yes && <div>что то</div>;
};
    • 1

相关问题