【发布时间】：2017-06-15 15:14:33
【问题描述】：
我有两个选项卡，它们都有表单。单击第二个选项卡中的提交按钮时，我想要一个对象中两个表单的数据。
以下是它的小提琴。
点击 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>
);
}
});
【问题讨论】：
-
使用 React-only 你必须使用更高级别的组件来存储数据，否则你可以使用 Redux / Mobx / Flux 等。这些基本上是全局状态处理程序。网络上有太多资源在详细描述不同的技术。