Ainda não tem acesso? Estude com a gente! Matricule-se
Ainda não tem acesso? Estude com a gente! Matricule-se

Solucionado (ver solução)

JSX

Bom dia, fiz um código em jsx que esta dentro de uma função que pega o valor de cada input e coloca no valor digitado na pagina, só que toda vez que digito um valor e clico no botão ele apaga todos os input e o botão, e depois os valores são colocado na página. Eu queria que esses valores fossem colocado em baixo dos inputs e do botão e não apagassem nada

 cadastrar = (event) => {
    const { name, lastName, email } = this.state

      const myelement = (
        <div>
          <a>Nome: {name}</a><br />
          <a>Sobrenome: {lastName}</a><br/>
          <a>E-mail: {email}</a><br />
        </div>
      )
      ReactDOM.render(myelement, document.getElementById('root'));

    event.preventDefault()
  }
1 resposta
solução

Fala ai Leveditor, tudo bem? Nesse caso acho que está um pouco estranho seus códigos e fora do padrão.

A ideia seria que sua aplicação chame apenas uma vez o ReactDOM.render e que essa função seja chamada apenas no arquivo principal, no caso o index.js.

Não é legal e ideal chamá-la dentro dos componentes.

Espero ter ajudado.