Cada vez que el botón nextLap
es presionado, cambia la serie, que se ve reflejado en this.props.serie
,
Los demás elementos se ven modificados como es de esperar, sin embargo el elemento initialTime
dentro del componente Timer
no se modifica. Se queda con el primer valor.
Llevo un par de semanas atorado con esto, y ya no se por donde buscarle
También he intentado pasando el props
directamente pero sigue sin cambiar.
export default class SerieDisplay extends Component {
state = {
paso: this.props.serie.paso
};
render() {
const { estilo, paso } = this.props.serie;
const { nextLap, prevLap } = this.props;
return (
<div style={style}>
<p>Estilo: {estilo}</p>
<button onClick={this.props.prevLap}>{`<<`}</button>
Vuelta {this.props.vuelta}
de {vueltas}
<button onClick={this.props.nextLap}>{`>>`}</button>
<p>Paso {paso}</p>
<Timer
initialTime={1000}
//intialTime={this.props.serie.paso}
//intialTime={paso}
direction="backward"
startImmediately={false}
timeToUpdate={100}
>
{({ start, resume, pause, stop, reset, timerState }) => (
<React.Fragment>
<div>
<Timer.Seconds /> seconds
<Timer.Milliseconds /> milliseconds
</div>
<br />
<div>
<button onClick={reset}>Reset</button>
<button>{`|<`}</button>
<button onClick={pause}>{`||`}</button>
<button onClick={start}>{`>`}</button>
<button onClick={this.handleNext}>{`>|`}</button>
</div>
</React.Fragment>
)}
</Timer>
</div>
);
}
}
<React.Fragment>
está suelto en el código. Por favor pon un ejemplo mínimo verificable. Saludos – Alter Lagos el 24 feb. 20 a las 21:59Change props dynamically and use HOC
de la documentación? – Alter Lagos el 25 feb. 20 a las 1:01