上面文章我们了解了如何创建store,最后导出时,在函数内部创建了store,所以导出时,函数需要调用,然后通过provicer组件将其注入到项目中。
在入口App.js组件中:
第一步:从react-thunk中导出rProvider
第二步:导入store,
第三步,通过provicer将store导入。
代码如下:
代码语言:javascript复制import { Component } from 'react'
import { Provider } from 'react-redux'
import configStore from './store'
import './app.scss'
const store = configStore()
class App extends Component {
componentDidMount () {}
componentDidShow () {}
componentDidHide () {}
componentDidCatchError () {}
// 在 App 类中的 render() 函数没有实际作用
// 请勿修改此函数
render () {
return (
<Provider store={store}>
{this.props.children}
</Provider>
)
}
}
export default App