Quiero saber cómo, si es posible, puedo almacenar un estado en un elemento que se almacena en una variable.
Este es mi código simplificado:
export class DashboardLists extends Component{ constructor(props){ super(props); this.state = { listCount: 0, ... } ... this.headerLeft = <h2 style={{marginTop: "0px"}}>Lists {this.state.listCount}</h2>; ... } render(){ return( <div> ... {this.headerLeft} ... </div> ); } }Cuando llamo a cambio de estado, el valor en el elemento no muestra el valor de estado actualizado.
Es necesario para mí almacenar el elemento en una variable, porque en mi código completo debo pasar el elemento como accesorio a otro elemento.
Eliminar headerLeft del constructor. Cree un método dedicado en la clase, algo así como getHeaderLeft() {return <h2 style={{marginTop: "0px"}}>Lists {this.state.listCount}</h2>;} y llámelo en el método de representación {this.getHeaderLeft()}
-Constantin Samarin