reactjs: Get Kombinierte Daten aus zwei Formen

Question

Ich habe zwei Registerkarten, von denen beide Formulare hat. Beim Klicken auf die Schaltfläche "Senden" im zweiten Tab möchte ich Daten beider Formulare in einem Objekt.

Folgendes ist die Geige dafür.

Mit einem Klick auf die Schaltfläche in Tab1 sollte Tab2 aktiviert werden und beim Klicken auf die Schaltfläche in Tab2 sollten die gefüllten Daten in beiden Formularen erfasst werden.

http://jsfiddle.net/rzv6Lrjh/93/

var Tickets = React.createClass({ 
    getInitialState: function() { 
    return { 
     tickets: [] 
    } 
    }, 
    componentDidMount: function() { 
    console.log('this mounted') 
    }, 
    onClick: function() { 
    this.state.tickets.push(
     <IndividualTicketInput /> 
    ) 
    this.forceUpdate(); 
    }, 
    render: function() { 
    return (
     <div> 
     <IndividualTicketInput /> 
     {this.state.tickets} 
     <CreateTicket createTicket={this.onClick} /> 
     </div> 
    ); 
    } 
}); 

Answer 1

Wenn Sie möchten, um bekommen Reaktion, sollten Sie schieben Dinge direkt an den Staat vergessen. Verwenden Sie stattdessen setState.

Ich hoffe, dieser Blogpost hilft Ihnen, dies zu verstehen.

https://medium.freecodecamp.com/functional-setstate-is-the-future-of-react-374f30401b6b