- 建立store文件夹,写入index.ts
- -建立reducers,写入index.ts
- reducers里面创建test.reducers.ts(名字自己起)
export default function testReducers (state:number=0){
return state
}
- reducers里面的index.ts创建rootReducers
import { combineReducers } from 'redux'
import testReducers from './test.reducers'
const rootReducers = combineReducers({
test:testReducers
})
export default rootReducers
- store里面的index.ts创建store
import { createStore } from "redux";
import rootReducers from "./reducers";
const store = createStore(rootReducers)
export default store
- 回到src下面的index.tsx,引用store,此时要先引入Provider
import ReactDOM from 'react-dom';
import { Provider } from 'react-redux';
import Routes from './Routes'
import store from './store';
ReactDOM.render(
<Provider store={store}>
<Routes />
</Provider>,
document.getElementById('root')
);
- 检查store是否引用成功