ReferenceError: Cannot access 'setPage' before initialization

Question

我正在尝试将状态更改函数作为 prop 发送到另一个组件

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

但是它在初始化之前给出了无法访问 'setPage'。我如何将这个函数作为 prop 发送给其他组件

Answer 1

使用 useEffect 挂钩

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

ReferenceError: Cannot access 'setPage' before initialization

ReferenceError: Cannot access 'setPage' before initialization

reactjs

use-state