Meteor / React / Flow路由器/将参数传递给JSX

时间:2016-02-14 01:55:01

标签: meteor reactjs jsx flow-router

这里的简单问题:在Meteor with React中如何将参数传递给.jsx。我想将:token param发送到我的jsx,以便我可以在表单提交后使用它。

我正在使用kadira的flow-routerreact-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>
      );
    }
})

1 个答案:

答案 0 :(得分: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>
      );
    }
})