Meteor / React / Flow Router / 向 JSX 传递参数答案

【问题标题】：Meteor / React / Flow Router / Passing parameters to JSXMeteor / React / Flow Router / 向 JSX 传递参数
【发布时间】：2016-05-25 01:48:28
【问题描述】：

这里有一个简单的问题：在带有 React 的 Meteor 中，我如何将参数传递给 .jsx 。我想将 :token 参数发送到我的 jsx，以便在表单提交后使用它。

我正在使用 kadira 的 flow-router 和 react-layout 包

路线

FlowRouter.route('/reset/:token',{
  name: 'reset',
  action: function(params){
    ReactLayout.render(App, {
      content: <Reset token={params.token} />
    })
  }
})

Reset.jsx

Reset = React.createClass({
    resetPass(e){
        e.preventDefault();
        alert("test");
    },
    render() {
      return (
             <form onSubmit={this.resetPass}>
                 <input type="password" id="password"/>
                 <input type="password" id="confirmation"/><br /><br />
                 <input type="submit" id="reset-button" value="Reset password" />
            </form>
      );
    }
})

【问题讨论】：

标签： meteor reactjs jsx flow-router

【解决方案1】：

已解决

我可以通过this.props.token获取信息

Reset = React.createClass({
    resetPass(e){
        e.preventDefault();
        alert(this.props.token);
    },
    render() {
      return (
             <form onSubmit={this.resetPass}>
                 <input type="password" id="password"/>
                 <input type="password" id="confirmation"/><br /><br />
                 <input type="submit" id="reset-button" value="Reset password" />
            </form>
      );
    }
})

【讨论】：