arr[Symbol.iterator] 不是使用带有上下文的 useState 的函数

Question

我想在我的上下文中使用反应状态。它看起来像这样：

export const App = () => {
  const [value, setValue] = useState("test");
  return (
    <BrowserRouter>
      <Switch>
        <ViewContext.Provider value={{value, setValue}}>
          <Route path="/" render={(props) => <AdminLayout {...props} />} />
          <Route
            path="/Dashboard"
            render={(props) => <AdminLayout {...props} />}
          />
        </ViewContext.Provider>
      </Switch>
    </BrowserRouter>
  );
}

export default App;

我所有的出口都在那里。然后我像这样在我的索引中调用：

ReactDOM.render(
  <App></App>,
  document.getElementById("root")
);

如果我使用带有例如：value="Test" 的上下文，这确实有效，但是当我尝试将它与状态一起使用时，它不起作用。有什么想法吗？

Answer 1

export const App = () => {
  const [value, setValue] = useState("test");
  return (
    <BrowserRouter>
      <Switch>
        <ViewContext.Provider value={value}> <----- you have to use like this
          <Route path="/" render={(props) => <AdminLayout {...props} />} />
          <Route
            path="/Dashboard"
            render={(props) => <AdminLayout {...props} />}
          />
        </ViewContext.Provider>
      </Switch>
    </BrowserRouter>
  );
}

export default App;