Joh*_*_ny 13 html jquery ecmascript-6
我正在尝试创建多个不同的Redux存储,因为这是createProvider()在'react-redux'中使用方法。
我已经安装了最新版本的react-redux版本(7.1.0),但出现了类似“未从react-redux导出createProvider”的错误。当我浏览节点模块时,我无法找到createProviderreact-redux的src内部。是版本问题还是我在代码中错过了某些内容。我与您分享了以下代码片段:
Provider.js
import { createProvider } from "react-redux";
export const STORE_KEY = "myComponentStore";
export const Provider = createProvider(STORE_KEY);
Run Code Online (Sandbox Code Playgroud)
TestComponent.js
import React, { Component } from "react";
import { createStore } from "redux";
import Mycomponent from "./MyComponent";
import { Provider } from "./Provider";
const reducer = {};
const initialState = {
title: "multiple store"
};
const store = createStore(reducer, initialState);
class TestComponent extends Component {
render() {
return (
<Provider store={store}>
<Mycomponent />
</Provider>
);
}
}
export default TestComponent;
Run Code Online (Sandbox Code Playgroud)
Mycomponent.js
import React, { Component } from "react";
import { connect } from "./Connect";
class MyComponent extends Component {
render() {
return <div>{this.props.title}</div>;
}
}
export default connect(function mapStateToProps(state) {
return {
title: state.title
};
})(MyComponent);
Run Code Online (Sandbox Code Playgroud)