2017-06-15 70 views
1

我有兩個選項卡,兩個選項卡都有表單。點擊第二個選項卡中的提交按鈕,我想要一個對象中的兩個表單的數據。reactjs:從兩種形式獲取組合數據

以下是它的小提琴。

單擊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> 
    ); 
    } 
}); 
+0

與之反應,只是你必須使用更高級別的組件來存儲數據,否則,你可以使用像終極版/ Mobx /光通量等,這些都是基本的全局狀態處理程序。網絡上有太多的資源正在詳細描述不同的技術。 – webdeb

回答