reactjs:从两种形式中获取组合数据

时间:2017-06-15 15:14:33

标签: reactjs tabs

我有两个标签,都有表格。单击第二个选项卡中的提交按钮,我想要一个对象中两个表单的数据。

以下是它的小提琴。

单击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>
    );
  }
});

1 个答案:

答案 0 :(得分:0)

如果你想绕过React,你应该忘记将事情直接推向州。请改用setState

希望这篇博文可以帮助您理解这一点。

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