小编Dja*_*ine的帖子

如何修复无法读取 null 的属性(读取“useContext”)?

我找不到罪魁祸首在哪里。我尝试调试它,但找不到真正导致这些错误的原因:

无法读取 null 的属性(读取“useContext”)&&react.development.js:209 警告:无效的挂钩调用。钩子只能在函数组件的主体内部调用。发生这种情况可能是由于以下原因之一:

  1. 您的 React 和渲染器版本可能不匹配(例如 React DOM)
  2. 你可能违反了 Hooks 规则
  3. 您可能在同一个应用程序中拥有多个 React 副本

应用程序.js

function App() {
  return (  
    <React.Fragment> 
      <Counter/>
    </React.Fragment> 
  );
}
        
export default App;
Run Code Online (Sandbox Code Playgroud)

索引.js

const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(
  <Provider context={StoreContext} store={Store()}>
    <App />
  </Provider>
);
          
reportWebVitals();
    
Run Code Online (Sandbox Code Playgroud)

CounterReducer.js

const CounterReducer = (state = { count: 0 } , action) => {
  switch (action.type) {
    case handleDencrement:
      return state.count - 1 
            
    case handleIncrement:
      return state.count + 1
    
    default:
      return state
  } 
}
     
export default …
Run Code Online (Sandbox Code Playgroud)

javascript reactjs redux react-redux

11
推荐指数
2
解决办法
11万
查看次数

标签 统计

javascript ×1

react-redux ×1

reactjs ×1

redux ×1