Javascript 错误类型错误：对象（…）（）[Symbol.iterator]（）.next（）。尝试运行react组件时未定义值

错误类型错误：对象…Symbol.iterator.next.value为 在创建statePovider后尝试从运行react时未定义

应用程序 C:/Users/Jokanola/Documents/Web Project/bettersociety/src/App.js:14

十一,| 12 | 13 |功能应用程序{ 错误14 | const[{user}，dispatch]=useStateValue； 15 | 16 |返回 17 |

此处显示包含应用程序的文件夹

import React from 'react';
    import './App.css';
    import Header from './Components/Header';
    import Sidebar from './Components/Sidebar';
    import Chat from './Components/Chat';
    import SignIn from './Components/SignIn.js';
    import { BrowserRouter as Router, Switch, Route} from "react-router-dom";
    import {useStateValue} from './Components/stateProvider';
    
        function App() {
        const [ { user }, dispatch] = useStateValue();
        
          return(
            <div className="App">
                <Router>
                    {
                        !user? (
                        <SignIn />
                    ):(
                   <div>
                    <Header />
                       <div className="App_body">
                            <Sidebar /> 
                                <Switch>
                                    <Route path="/room/:roomId">
                                        <Chat />
                                    </Route>            
                                </Switch>
                         </div> 
                    </div>
                    )
                  }
                </Router>
            </div>
        
        
            )
        }
        
        export default App;

这是index.js，我与StateProvider的应用程序组件是一致的

    import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import * as serviceWorker from './serviceWorker';
import {StateProvider} from './Components/stateProvider';
import reducer, { initialState } from './Components/reducer';

ReactDOM.render(
  <React.StrictMode>
      <StateProvider reducer={reducer} initalState={initialState}>
        <App /> 
      </StateProvider>
  </React.StrictMode>,
  document.getElementById('root')
);

---

使用状态提供程序包装应用程序时，初始状态的拼写错误。请将其更正为initialState

使用状态提供程序包装应用程序时，初始状态的拼写错误。请将其更正为initialState

在App.js中

及

在sign.js中

它会起作用的

在App.js中

及

在sign.js中

---

它会起作用。

你没有使用你的StateProvider，我在index.js中使用了，所以请发布。我已经发布了。你没有使用你的StateProvider，我在index.js中使用了，所以请发布。我已经发布了

    import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import * as serviceWorker from './serviceWorker';
import {StateProvider} from './Components/stateProvider';
import reducer, { initialState } from './Components/reducer';

ReactDOM.render(
  <React.StrictMode>
      <StateProvider reducer={reducer} initalState={initialState}>
        <App /> 
      </StateProvider>
  </React.StrictMode>,
  document.getElementById('root')
);

const [ user] = useStateValue();

const [user,dispatch]=useStateValue();