Meteor / React / Flow Router / 将参数传递给 JSX

Question

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

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

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

Meteor / React / Flow Router / 将参数传递给 JSX

Meteor / React / Flow Router / Passing parameters to JSX

jsx

meteor

reactjs

flow-router