reactjs：2つのフォームから結合されたデータを取得する

Question

2つのタブの両方にフォームがあります。 2番目のタブの送信ボタンをクリックすると、オブジェクトの両方のフォームのデータが必要になります。

以下はそのためのフィドルです。

tab1のボタンをクリックすると、tab2がアクティブになり、tab2のボタンをクリックすると、両方のフォームの入力データがキャプチャされます。

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

あなたは周りを取得する場合は、状態に直接物事を押し忘れるべきで、反応します。代わりにsetStateを使用してください。

このブログの投稿があなたの理解に役立つことを願っています。唯一リアクト - あなたはデータを保存するために、より高いレベルのコンポーネントを使用する必要が付き

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