使用< Link >从useState()挂钩传递setState

Question

当尝试使用从useState钩子传递setState，react router出现问题

我创建了简单的项目来展示问题：https://codesandbox.io/s/restless-surf-mj2vx?fontsize=14

  const [state, setState] = useState(0);

  return (
    <div className="App">
      <Link to={{ pathname: "/test", state: { state, setState } }}>test</Link>
      <Switch>
        <Route path="/test" component={Test} />
      </Switch>
    </div>
  );
}

我得到了这个错误，它不能帮助我解决问题:




Answer 1

const [state, setState] = useState(0);

return (
    <div className="App">
        <Link to={{ pathname: '/test' }}>test</Link>
        <Switch>
            <Route
                path="/test"
                render={props => (
                    <Test {...props} state={state} setState={setState} />
                )}
            />
        </Switch>
    </div>
);