0
243
Viewsdemora en obtener la propiedad, enviar reaccionar-redux
Retraso al actualizar el componente del tablero, mi despacho (checkResult (tablero)); no funciona correctamente. Juego de tres en raya, aquí hay un ejemplo de un problema: 
establecer 3 cruces pero ninguna victoria, pero cuando hago 1 acción más (establecer una cruz o cero), entonces se cuenta la victoria:
Mi código en:
const mapStateToProps = ({board, players}) => ({board, players}); const mapDispatchToProps = dispatch => ({ draw: (board, players, squareIndex) => { if (!board[squareIndex]) { if (players[players.turn] === 'X') { dispatch(drawXAction(squareIndex)); } else { dispatch(drawOAction(squareIndex)); } console.log(dispatch(checkResult(board))) dispatch(checkResult(board)); dispatch(toggleTurnAction()); } } }); export default connect(mapStateToProps, mapDispatchToProps)(Square);Y comprobar la función de resultado:
export function checkResult(board) { if (checkVictory(board, 'X')) { return { type: X_WINS } } else if (checkVictory(board, '0')) { return { type: O_WINS } } else { const check = board.filter(symbol=>symbol===null); if(check.length===1) { return { type: TIE } }else { return { type: 'RANDOM' } } } }1 answers
Answer question0
Está pasando el board actual a la función checkResult , esto significa que cuando su función checkResult se está ejecutando, no está recibiendo el último tablero, lo que ha actualizado en una de las líneas anteriores.
Uno de los principios redux establece que: permite una única fuente de verdad. Su código está violando este principio, lo que resulta en esta inconsistencia. Lo que debe hacer es obtener el último state de la aplicación en la función checkResult en lugar de pasar el board como argumento.
p.ej
import store from "/path/to/store"; export function checkResult() { // or something like this // based on what you have in your store. const board = store.getState().board; // your function body }