1 創建action
2 創建reducer ,在reducer中綁定action
3 在app 中寫綁定reducer中的代碼
const store = createStore(rootReducer)
</Provider>
4 創建組件
Books
5把這個幾個方法寫好
// reducers中的數據 ,然後更新組件
const mapStateToProps = (state) => ({
books: state.bookReducer.books
})
// 給action傳值 ,觸發action
const mapDispatchToProps = {
dispatchAddBook: (book) => addBook(book)
}
export default connect(mapStateToProps, mapDispatchToProps)(Books)