reactjs - ReferenceError：在初始化之前无法访问“setPage”

Question

我正在尝试将状态更改功能作为道具发送到另一个组件

const App = () => {
    const currPage = <First setPage={setPage} />;
    const [page, setPage] = useState(currPage);
    return <div className='App'>{page}</div>;
};

但它在初始化之前无法访问“setPage”。我如何将此功能作为道具发送给其他组件

标签： reactjsuse-state

Answer 1

使用 useEffect 挂钩

const App = () => {
  const [page, setPage] = useState(null);
  useEffect(() => {
    setPage(<First setPage={setPage} />);
  }, []);
  return <div className='App'>{page}</div>;
};