当我在root.render中设置并使用Provider时，它向我显示此错误：警告：无效的挂钩调用。钩子只能在内部调用函数组件的主体。这可能发生在其中一个原因如下：您的React和渲染器版本可能不匹配（例如ReactDOM）您可能违反了Hooks规则您可能在同一应用中拥有多个React副本，并且未捕获TypeError：无法读取null的属性（读取“useMemo”）它只是针对Provider组件

redux ，无效的钩子调用。钩子只能在函数组件体内调用-PHP中文网问答

问答

redux ，无效的钩子调用。钩子只能在函数组件体内调用

P粉627027031 2023-09-06 00:35:35 查看 651

React

当我在 <code>root.render</code> 中设置并使用 <code>Provider</code> 时，它向我显示此错误： <blockquote> 警告：无效的挂钩调用。钩子只能在内部调用函数组件的主体。这可能发生在其中一个原因如下： <ol> <li>您的 React 和渲染器版本可能不匹配（例如 React DOM）</li> <li>您可能违反了 Hooks 规则</li> <li>您可能在同一应用中拥有多个 React 副本，并且未捕获 TypeError：无法读取 null 的属性（读取“useMemo”）</li> </ol> </blockquote> 它只是针对 <code>Provider</code> 组件，如果我不调用它，就不会出现此错误。 <pre class="brush:php;toolbar:false;">import React from 'react'; import ReactDOM from 'react-dom/client'; import App from './App'; import reportWebVitals from './reportWebVitals'; import { Provider } from 'react-redux'; const root = ReactDOM.createRoot(document.getElementById('root')); root.render( <Provider> <App /> </Provider> ); reportWebVitals();</pre> 我卸载了 redux 和 npm 包，然后使用最新版本安装它们，但我遇到了同样的问题。有人说可能是因为两个包中有相同的名称，这会让计算机感到困惑，但我不这么认为。

Your Answer

提交

1 个回答

您需要将store传递给Provider

import React from 'react';
import ReactDOM from 'react-dom/client';

import App from './App';
import reportWebVitals from './reportWebVitals';
import { Provider } from 'react-redux';
import store from "./path/to/store"

const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(
  <Provider store={store}>
    <App />
  </Provider>
);

reportWebVitals();

2023-09-06 15:43:32

提交