Estoy utilizando Redux con React para implementar una plataforma que procesa facturas de venta. EL componente padre importa varios componentes a sus vez, uno de ellos es el componente con información del cliente, "SalesInfo" como se indica a continuación:
render() {
const currentNumber = `FV-${this.props.sales.invoice.consecutive}`;
return (
<div className="sales-container">
<ModuleTitle title={this.state.title}
charge={true}
numberLabel={true}
number={currentNumber}
type={this.state.titleType}
/>
<SalesInfo />
<AddProduct withoutCategory={true} />
<div className="sales-center-container">
<SalesTable />
<SalesSubTotal />
</div>
<SalesTotal type={this.state.type} />
</div>
);
Este componente "SalesInfo" tiene un estado que lee la información actual del store mediante props usando connect.
componentWillMount() {
this.setState({
name: this.props.auth.client.data.name,
address: this.props.auth.client.data.address,
cellphone: this.props.auth.client.data.cellphone,
nit: this.props.auth.client.data.nit,
});
}
Cuando finaliza la venta en el componente "SalesTotal" hay un boton para reiniciar los campos en el store para colocar las condiciones iniciales para generar otra orden.
Problema El problema que tengo es que la acción de limpiar los campos se ejecuta correctamente, el store se actualiza, pero el componente hijo "SalesInfo " no se renderiza nuevamente y debo cambiar de ruta para que tome los cambios del store. Que puedo implementar para que lea los cambios del store o se renderice nuevamente?
Update Se debe tener presente que los campos son de tipo input, por lo tanto se usa la siguiente forma para renderizarlo:
<input type="text"
className="input-text"
name="name"
onChange={this.handleChange}
onKeyPress={this.handleKeyPress}
value={this.state.name}
placeholder="Cliente Particular"
/>
Cuando es de tipo "label" con solo adjudicar el valor del store es suficiente para actualizar el componente sin renderizarlo de nuevo. Por lo tanto la pregunta va enfocada hacia los campos tipo input. He intentado aplicar lo que dice la documentación al respecto sin éxito. Documentación
Gracias por sus respuesta.