redux, 잘못된 후크 호출입니다. 후크는 함수 구성 요소 본문 내에서만 호출할 수 있습니다.

Question

root.render에서 Provider를 설정하고 사용하면 다음 오류가 표시됩니다.

<인용문>

경고: 잘못된 후크 호출입니다. Hooks는 내부에서만 호출 가능 함수 구성 요소의 본문입니다. 이는 다음 중 하나에서 발생할 수 있습니다. 그 이유는 다음과 같습니다.

<올>

React와 렌더러 버전이 일치하지 않을 수 있습니다(예: React DOM)

Hooks 규칙을 위반했을 수 있습니다

동일한 앱에 React의 여러 복사본이 있을 수 있으며 TypeError가 발생하지 않습니다. null 속성을 읽을 수 없습니다('useMemo' 읽기).

Provider 구성요소에 대한 것이므로 호출하지 않으면 이 오류가 발생하지 않습니다.

'react'에서 React를 가져옵니다.
'react-dom/client'에서 ReactDOM을 가져옵니다.
'./App'에서 앱 가져오기;
'./reportWebVitals'에서 ReportWebVitals 가져오기;
'react-redux'에서 { 제공자 } 가져오기;

const root = ReactDOM.createRoot(document.getElementById('root'));
루트.렌더(
  <공급자>
    <앱 />
  </공급자>
);

reportWebVitals();

redux 및 npm 패키지를 제거하고 최신 버전을 사용하여 설치했지만 동일한 문제가 발생합니다. 어떤 사람들은 두 패키지에 동일한 이름이 있어서 컴퓨터에 혼란을 줄 수 있다고 말하지만 저는 그렇게 생각하지 않습니다.

Answer 1

해야 합니다 store传递给Provider

으아악