คำถามติดแท็ก react-redux

การผูก React อย่างเป็นทางการสำหรับ Redux

9
เมื่อใดที่จะใช้ bindActionCreators ใน react / redux
เอกสารReduxสำหรับbindActionCreatorsระบุว่า: กรณีใช้งานเพียงอย่างเดียวbindActionCreatorsคือเมื่อคุณต้องการส่งต่อผู้สร้างการกระทำบางอย่างไปยังส่วนประกอบที่ไม่รู้จัก Redux และคุณไม่ต้องการส่งต่อหรือจัดเก็บ Redux ไปที่มัน จะเป็นตัวอย่างอะไรได้บ้างbindActionCreators/ จำเป็นต้องใช้? ซึ่งชนิดขององค์ประกอบที่จะไม่ทราบRedux ? ข้อดี / ข้อเสียของทั้งสองทางเลือกคืออะไร? //actionCreator import * as actionCreators from './actionCreators' function mapStateToProps(state) { return { posts: state.posts, comments: state.comments } } function mapDispatchToProps(dispatch) { return bindActionCreators(actionCreators, dispatch) } เทียบกับ function mapStateToProps(state) { return { posts: state.posts, comments: state.comments } } …

1
ไม่มีการโอเวอร์โหลดตรงกับการโทรนี้ เกิน 1 จาก 2,
ฉันมีstore.jsไฟล์ import { createStore, combineReducers } from "redux"; import reducerADD from "../reducer/reducerADD" export const store = createStore(combineReducers({ reducerADD})); เมื่อฉันเปลี่ยนรูปแบบในstore.tsxฉันได้รับข้อผิดพลาด: No overload matches this call. Overload 1 of 2, '(reducers: ReducersMapObject<{ reducerADD: { lastName: string; firstName: string; password: string; email: string; }[]; }, any>): Reducer<{ reducerADD: { lastName: string; firstName: string; …

3
ตอบสนองการใช้งานผลในเชิงลึก / การใช้ประโยชน์ผลกระทบ?
ฉันพยายามที่จะเข้าใจuseEffectเบ็ดในเชิงลึก ฉันต้องการทราบว่าจะใช้วิธีใดเมื่อใดและเพราะเหตุใด 1.useEffect with no second paraments useEffect(()=>{}) 2.useEffect with second paraments as [] useEffect(()=>{},[]) 3.useEffect with some arguments passed in the second parameter useEffect(()=>{},[arg])

2
React-Redux - Hooks API
ฉันกำลังพยายามกำหนดค่าแอปพลิเคชัน react-redux ใหม่ของฉันเพื่อใช้คุณสมบัติใหม่ของ React-Redux เอกสารอย่างเป็นทางการกล่าวว่า React Redux เสนอชุด hook API เป็นทางเลือกแทนการเชื่อมต่อ () ส่วนประกอบการสั่งซื้อที่สูงขึ้น ฉันพยายามค้นหาบทความช่วยเหลือที่เกี่ยวข้องกับ Hooks API ด้วยตัวอย่างจริงบางส่วน แต่แอปปฏิกิริยาตอบสนองทั้งหมดกำลังใช้ฟังก์ชันเชื่อมต่อ เอกสารอย่างเป็นทางการยังแสดงตัวอย่างพื้นฐานมาก ฉันต้องการเปลี่ยนฟังก์ชั่นเชื่อมต่อในแอพของฉันด้วย useSelector (ให้บริการโดย Hooks API) นี่คือตัวอย่างโค้ดจากแอปพลิเคชันของฉัน //MessagesListContainer export default connect( // mapStateToProps (state:State) => ({ activeUser: getActiveUser(state), messages: getMessagesList(state), }) )(MessagesList) //Selectors export const getActiveUser = (state: State) => state.activeUser; export …
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.