meteor - Meteor / React / Flow Router / 向 JSX 传递参数

Question

这里有一个简单的问题：在 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} />
    })
  }
})

重置.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>
      );
    }
})

Answer 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>
      );
    }
})