cómo agregar una fila a una tabla usando ReactJS al hacer clic en el botón

Indagamos por todo el mundo on line para así traerte la solución a tu dilema, si continúas con alguna pregunta déjanos la pregunta y respondemos con gusto, porque estamos para ayudarte.

Solución:

Debe hacer que su componente React tenga un estado y renderice el componente en consecuencia en función de esos datos. Olvídese del viejo paradigma de “modificación DOM” en el que está jugando directamente con elementos HTML.

No probado, pero debería llevar la idea a través de:

var RecordsComponent = React.createClass(
    getInitialState: 
        return 
          rows: ['row 1', 'row 2', 'row 3']
        
    ,
    render : function() 
        return (
            

                
                    rows.map((r) => (
                      
                    ))
                

                          
r
                      
                ADD
            
        );
    ,
    addRow : function() 
        var rows = this.state.rows
        rows.push('new row')
        this.setState(rows: rows)
    ,
);

React.render(, document.getElementById('display'))

Si recién está comenzando a aprender React con sus propias aplicaciones de prueba, le recomendaría usar la versión más reciente de React, junto con, entre muchas otras cosas, las definiciones de clase de React ES6.

Eres capaz de respaldar nuestro estudio añadiendo un comentario y dejando una puntuación te damos las gracias.

Utiliza Nuestro Buscador