Tenho uma página com 3 componentes em cascata (um abre dentro do outro), divididos por classes, só que ele tá renderizando antes de clicarmos em adicionar. O que pode ser?
Função que renderiza os itens quando já estão cadastrados:
showRows() {
let lotes = [];
if (this.state.loteRows.length > 0) {
this.state.loteRows.map((r, key) => {
console.log("console log em lotes", lotes);
lotes.push(r);
});
}
return lotes;
}
botão que adiciona os lotes com os itens:
<div id="lotes" className="col-md-12">
{/* <form>
<div id="autocomplete">
<input className="form-control"
id="sigmdados"
type="text"
placeholder="Buscar"
value={value}
onChange={this.handleChange}
required />
</div>
</form> */}
<button className="btn btn-success pull-right"
onClick={() => {
this.state.verifyRows = true,
this.insertItem(this.state.loteRows.length, {})
}}
type="button">
Adicionar Registro de Preço
</button>
</div>
A div do botão está dentro de outra div e essa outra div contém a chamada this.showRows
</fieldset>
{this.showRows()}
</div>