react-redux

问题 Is the following pattern of namespacing state-provided props and parent-provided props a useful pattern? interface OwnProps { //The type for the props provided by the parent component } function mapDispatch(dispatch: Dispatch<any>) { return {dispatch}; } function mapState(state: RootState, ownProps: OwnProps) { return { o: {...ownProps}, // ownProps are namespaced onto o. s: { // stateProps are namespaced onto s. apiInReach: state.dev.apiInReach, } }; } //// ... export default connect(

问题 Is the following pattern of namespacing state-provided props and parent-provided props a useful pattern? interface OwnProps { //The type for the props provided by the parent component } function mapDispatch(dispatch: Dispatch<any>) { return {dispatch}; } function mapState(state: RootState, ownProps: OwnProps) { return { o: {...ownProps}, // ownProps are namespaced onto o. s: { // stateProps are namespaced onto s. apiInReach: state.dev.apiInReach, } }; } //// ... export default connect(

问题 I made a SPA with React.js using PersisGate for states to persists but the states dont save after refresh the page. Also i see the LocalStorage at the Application tab (Chrome) and i can see the arrays of initialCart, initialCourses, initialUsers emptys but when i change the states at the pages those arrays that i can see at the LocalStorage stills empty. You can see my code bellow this is index.js import React from 'react'; import ReactDOM from 'react-dom'; import './index.css'; import App

问题 I made a SPA with React.js using PersisGate for states to persists but the states dont save after refresh the page. Also i see the LocalStorage at the Application tab (Chrome) and i can see the arrays of initialCart, initialCourses, initialUsers emptys but when i change the states at the pages those arrays that i can see at the LocalStorage stills empty. You can see my code bellow this is index.js import React from 'react'; import ReactDOM from 'react-dom'; import './index.css'; import App

问题 I am learning Redux in React. I am using Redux in React for Modal development. My code is like below render() { return ( <Modal id="addressModal" open={this.props.controlModal} onClose={this.props.action}> <Provider store={store}> {this.props.addresObj ? ( <Modal.Header>Address Details</Modal.Header> ) : ( <Modal.Header>Insert Address</Modal.Header> )} <Modal.Content> <ModalElement update={this.update} element={this.props.addresObj} errors = {this.state.errors} update_state_photo={this.update

问题 I am learning Redux in React. I am using Redux in React for Modal development. My code is like below render() { return ( <Modal id="addressModal" open={this.props.controlModal} onClose={this.props.action}> <Provider store={store}> {this.props.addresObj ? ( <Modal.Header>Address Details</Modal.Header> ) : ( <Modal.Header>Insert Address</Modal.Header> )} <Modal.Content> <ModalElement update={this.update} element={this.props.addresObj} errors = {this.state.errors} update_state_photo={this.update

问题 The redux guide states: We don't mutate the state. We create a copy with Object.assign(). Object.assign(state, { visibilityFilter: action.filter }) is also wrong: it will mutate the first argument. You must supply an empty object as the first parameter. You can also enable the object spread operator proposal to write { ...state, ...newState } instead. I happened to catch myself writing the following snippet of working code: [actions.setSelection](state, {payload}) { state[payload.key] =

问题 So basically I have a login page without a form and I want to trigger the login button's onClick when the user presses enter. I tried adding an event listener to the page like so: componentWillMount() { const { handleKeyPress, username, password } = this.props; document.addEventListener('keydown', (event, username, password) => handleKeyPress(event.key)); } The problem is that that listener is instantiated when the component mounts which means that the props username and password are in their

问题 So basically I have a login page without a form and I want to trigger the login button's onClick when the user presses enter. I tried adding an event listener to the page like so: componentWillMount() { const { handleKeyPress, username, password } = this.props; document.addEventListener('keydown', (event, username, password) => handleKeyPress(event.key)); } The problem is that that listener is instantiated when the component mounts which means that the props username and password are in their

问题 I have App contains Tabs that gets data from API bassed on token I passed to the header request, So in the login screen, i dispatch an action to save token after user login and it's saved well But the issue is after user login and go to home screen "save token Action dispatched" I got error 401 unauthorized, and when I log Token in getting data function I got empty in the debugger although save token dispatched". But when I open the app again after killing App and Go to Home " because I'm