如何在reactjs组件中订阅redux存储？

如何在reactjs类组件中订阅redux存储

first of all --
     npm install --save react-redux redux react-thunk
second -
     You should be build action, reducer folder for redux.
example :
     Redux/action/action.js.
     Redux/reducer/index.js.
     Redux/store.js
This is store.js sample code
import { createStore, applyMiddleware, compose } from "redux";
import thunk from "redux-thunk";
import rootReducer from "./reducer";

const initialState = {};
const middleware = [thunk];

const store = createStore(
    rootReducer,
    initialState,
    compose(
        applyMiddleware(...middleware),
   )
);

导出默认存储

以下是一个示例：

//您可以从'react redux'导入{Provider，connect}
//在项目中，但在代码段中不起作用
const{Provider，connect}=ReactRedux；
//您可以从'redux'导入{createStore，applyMiddleware，compose}；
//在项目中，但在代码段中不起作用
const{createStore，applyMiddleware，compose}=Redux；
常量初始状态={
消息：“”，
};
//动作类型
const MESSAGE='MESSAGE'；
//动作创造者
常量消息=（消息）=>({
类型：消息，
有效载荷：消息，
});
const reducer=（状态，{type，payload}）=>{
如果（类型===消息）{
//返回消息为action.payload的新状态
返回{
……国家，
信息：有效载荷，
};
}
返回状态；
};
//选择器
const selectMessage=（state）=>state.message；
//使用redux开发工具创建存储
康斯特康塞恩汉斯酒店=
窗口。uuu REDUX_vtools_uextension_uuucompose_uu124; COMPOSE；
const store=createStore(
减速器，
初始状态，
复合致癌物(
applyMiddleware（（）=>（下一步）=>（操作）=>
//不做任何事情的中间件
下一步（行动）
)
)
);
//演示应用程序组件将连接到redux商店
//使用react-redux-connect
类应用程序扩展了React.Component{
render（）{
//消息和设置消息来自connect
//请参阅ConnectedApp
const{message，setMessage}=this.props；
返回(
{message}
setMessage（'Hello World'）}>
设置消息
);
}
}
//使用react redux connect将应用程序连接到redux应用商店
const ConnectedApp=connect(
//这将设置props.message值
（状态）=>（{message:selectMessage（状态）}），
//这将把props.setMessage设置为action creator
//消息，在组件中调用setMessage时
//它将自动发送
{setMessage:message}
)（App）；
ReactDOM.render(
//需要包装在react redux提供程序中才能使用
//react redux connect或挂钩useDispatch和useSelector
,
document.getElementById（'root'））
);
如果您真的在问如何使用Redux，那么这就是Redux文档的目的：-Stack Overflow用于调试帮助。