react-redux

问题 I have my next splash, my idea is to be able to show my app logo when opening the application and then go to the start of the application, it works fine: import React from 'react'; import { StyleSheet, Image, View, Text } from 'react-native'; import { StackActions, NavigationActions } from 'react-navigation'; export default class Splash extends React.Component { goToScreen(routeName){ const resetAction = StackActions.reset({ index: 0, actions: [NavigationActions.navigate({ routeName:

问题 I have my next splash, my idea is to be able to show my app logo when opening the application and then go to the start of the application, it works fine: import React from 'react'; import { StyleSheet, Image, View, Text } from 'react-native'; import { StackActions, NavigationActions } from 'react-navigation'; export default class Splash extends React.Component { goToScreen(routeName){ const resetAction = StackActions.reset({ index: 0, actions: [NavigationActions.navigate({ routeName:

问题 In a react-native application, I call an action sends data to firebase. but after the call, I get an error whose source seems to be with the way the snapshot listener is working. the add-msg action more or less looks like this: create data: const addMsg = (msg, convoIds) => { console.log('Firestore Write: (actions/conversation) => addMsg()'); return firebase.firestore().collection('messages').add({ time: firebase.firestore.FieldValue.serverTimestamp(), sender: msg.sender, receiverToken: msg

问题 I have a State of objects in an Array (in my Redux Reducer). const initialState = { items: [ { id: 1, dish: "General Chicken", price: 12.1, quantity: 0 }, { id: 2, dish: "Chicken & Broccoli", price: 10.76, quantity: 0 }, { id: 3, dish: "Mandaran Combination", price: 15.25, quantity: 0 }, { id: 4, dish: "Szechuan Chicken", price: 9.5, quantity: 0 } ], addedItems: [], total: 0 }; I have an action to add 1 to the quantity of an object, such as {id:1, dish: Generals Chicken, price: 10.76,

问题 While it is obvious why React does not perform React.memo to all its functional component by default, and we should ourself wrap our functional components as and when needed. In my case, I have a big react project with a structure like this: const MyBigApp = () => { const shouldShowX = useSelector(getShouldShowX); const shouldShowY = useSelector(getShouldShowY); // Many more selectors return ( <> {shouldShowX && <ComplexComponentX />} {shouldShowY && <ComplexComponentY />} {/* many more

问题 While it is obvious why React does not perform React.memo to all its functional component by default, and we should ourself wrap our functional components as and when needed. In my case, I have a big react project with a structure like this: const MyBigApp = () => { const shouldShowX = useSelector(getShouldShowX); const shouldShowY = useSelector(getShouldShowY); // Many more selectors return ( <> {shouldShowX && <ComplexComponentX />} {shouldShowY && <ComplexComponentY />} {/* many more

问题 how can I use chart tooltip formatter? I am using react wrapper for highcharts. I have config like this: const CHART_CONFIG = { ... tooltip: { formatter: (tooltip) => { var s = '<b>' + this.x + '</b>'; _.each(this.points, () => { s += '<br/>' + this.series.name + ': ' + this.y + 'm'; }); return s; }, shared: true }, ... } But I can't access chart scope using this keyword and also I can't get point from tooltip param. Thanks 回答1: I've already encountered this problem. I've solved it by

问题 how can I use chart tooltip formatter? I am using react wrapper for highcharts. I have config like this: const CHART_CONFIG = { ... tooltip: { formatter: (tooltip) => { var s = '<b>' + this.x + '</b>'; _.each(this.points, () => { s += '<br/>' + this.series.name + ': ' + this.y + 'm'; }); return s; }, shared: true }, ... } But I can't access chart scope using this keyword and also I can't get point from tooltip param. Thanks 回答1: I've already encountered this problem. I've solved it by

问题 how can I use chart tooltip formatter? I am using react wrapper for highcharts. I have config like this: const CHART_CONFIG = { ... tooltip: { formatter: (tooltip) => { var s = '<b>' + this.x + '</b>'; _.each(this.points, () => { s += '<br/>' + this.series.name + ': ' + this.y + 'm'; }); return s; }, shared: true }, ... } But I can't access chart scope using this keyword and also I can't get point from tooltip param. Thanks 回答1: I've already encountered this problem. I've solved it by

问题 I just started exploring react-redux hooks and I was curious how to return a promise if I am using thunk and useDispatch() . Essentially I want to achieve the following: const dispatch = useDispatch(); dispatch(myAction(...args)).then((result) => { ...do something with result }); When my action looks like this: const myAction = (arg1, arg2) => { return (dispatch, getState) => { Promise.resolve(arg1 + arg2); } } I've simplified my problem a lot, but that is essentially what I'm dealing with.