TA貢獻1799條經驗 獲得超9個贊
假設您了解 Redux 和 React 的知識。
首先，安裝這些包
$ npm install next-redux-wrapper react-redux redux redux-thunk --save
$ npm install redux-devtools-extension --save-dev
覆蓋或創建默認App，創建文件./pages/_app.js如下所示：
import withRedux from 'next-redux-wrapper'
import { Provider } from 'react-redux'
import { withRouter } from 'next/router'
import App from 'next/app'
import createStore from 'store/createStore'
class MyApp extends App {
render () {
const { Component, pageProps, router, store } = this.props
return (
<Provider store={store}>
<Component router={router} {...pageProps} />
</Provider>
)
}
}
export default withRedux(createStore)(
withRouter(MyApp)
)
在您的頁面/組件中，您可以像平常一樣使用 Redux。
TA貢獻1752條經驗 獲得超4個贊
舉報