Reactjs React-Dispatch异步操作：找不到React-redux上下文值；请确保组件包装在

我有一个挑战。我使用React-useState编写了许多组件来管理组件的状态。但是，我需要调度异步操作。每次我尝试这样做时，我都会得到一个错误：找不到react redux上下文值；请确保组件包装在提供程序中

这里是我的一个组件signup.jsx，我在其中遇到了错误

从“React”导入React，{useState}； 从“react material ui form validator”导入{TextValidator，ValidatorForm}； 从“@material ui/core”导入{Button，FormGroup，FormControlLabel，Switch}； 导入“/SignupPage.scss”； 从react redux导入{useDispatch，useSelector}； 从“../../actions/APIRestAdmin”导入{auth}； const SignupPage==>{ const dispatch=usedpatch； const[formState，setFormState]=useState{superAdmin:false，superAdminValue:false，用户名：，密码：，名称：}； const handleSwitchChange=事件=>{ 让[val，newVal]=[event.target.checked，false]； 控制台。logval，newVal； ifval==真{ newVal=true； } 否则{ newVal=false } setFormState{…formState，superAdmin:newVal，superAdminValue:val}； console.logformState； } 常量handleInputChange=e=>{ ife.target.name==name{ setFormState{…formState，名称：e.target.value} } ife.target.name==用户名{ setFormState{…formState，用户名：e.target.value} } ife.target.name==密码{ setFormState{…formState，密码：e.target.value} } } 常量handleSubmission==>{ 常量formData={ 用户名：formState.username， 密码：formState.password， 名称：formState.name， superAdmin:formState.superAdminValue } console.logformData； 派遣人员“注册”； } 回来 管理员注册 console.logerrors}> 登记 }; 导出默认签名；

---

//导出默认connectundefined，MapDispatchTopPropSsignUppage 问题出在代码的这一部分：

const jsx= (<Provider store={store}>
    <AppRouter />
</Provider>);

ReactDom.render(<SignupPage />, document.getElementById('root') );

import React from 'react'
import ReactDOM from 'react-dom'

import { Provider } from 'react-redux'
import store from './store'

import App from './App'

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