小编Mar*_*rco的帖子

在异步循环中设置 useState 挂钩

我对reactJs很陌生。

我试图在异步循环中连接结果,但出了点问题。setState 未正确保存,当我打印它时,我可以看到它是一个空数组,我想是因为里面有一个异步调用。

我该如何解决这个问题?请建议我。

function App() {

  const [data, setData] = useState({data:[]});

  const handleChildSubmit = (data) => {
    setData(data);
  }

  return (
    <div>
      <Form onChildSubmit={handleChildSubmit} />
      <Results flights={data} />
    </div>
  );
}

const Form = ( {onChildSubmit} ) => {

    const [dati, setDati] = useState([]);

    const onFormSubmit = async (e) => {
        e.preventDefault();

        // Flights search Parameters
        const data = new FormData(e.target);
        const dateFrom = data.get('dateFrom');
        const dateTo = data.get('dateTo');
        const departureDay = data.get('day');
        const placeFrom = data.get('placeFrom');
        const placeTo …
Run Code Online (Sandbox Code Playgroud)

javascript asynchronous reactjs react-hooks

3
推荐指数
1
解决办法
1929
查看次数

标签 统计

asynchronous ×1

javascript ×1

react-hooks ×1

reactjs ×1