Mi problema es que mi estado de redux se está actualizando (puedo verlo en la herramienta de desarrollo de redux) pero mi componente no se está actualizando, no está poniendo el último valor de mi matriz initialState.userWeight es como se ve mi reductor:
case 'NEWWEIGHT': const weight = action.payload.weight const date = action.payload.date state.userWeight = [...state.userWeight, {weight: weight, date: date}] return {...state}Aquí está mi estado inicial:
const initialState = { userName: '', userSize: 0, userWeight: [], userDate: '', }Así es como se ve mi componente:
const userWeightRedux = useSelector(state => state.userInfo.userWeight[Array.length - 1].weight) console.log(userWeightRedux) ... <Text style={styles.user}>{userWeightRedux}</Text> Así que console.log(userWeightRedux) no cambia. Soy nuevo en reaccionar, redux y no entiendo completamente la sintaxis de propagación, tal vez el problema esté aquí pero no encontré nada, espero que me puedan ayudar :).
Array.length es una propiedad prototipo de Arrays. No puedes usarlo de esa manera. De forma predeterminada, siempre es 1. Por lo tanto, siempre está recuperando el primer elemento de state.userInfo.userWeight . Utilice en su lugar:
const userWeightRedux = useSelector(state => state.userInfo.userWeight[state.userInfo.userWeight.length - 1].weight)o una sintaxis más suave:
const userWeightRedux = useSelector(state => state.userInfo.userWeight.slice(-1)[0].weight)Aunque otras respuestas abordan mejor su problema específico ...
Estás mutando tu estado. Aunque está devolviendo un nuevo objeto de estado, está dejando su antiguo estado en un lío. Esto causará problemas sutiles. No mutes nada en un reductor. Asi que...
// this line mutates the "outgoing" state state.userWeight = [...state.userWeight, {weight: weight, date: date}] return {...state}debe reescribirse como:
return {...state, userWeight: [...state.userWeight, {weight: weight, date: date}]}