Question

我在新的react-router中使用react-router和ES6将值传递给组件？我使用了<Handler name = {this.state.name} />现在使用{this.props.children}。如何从组件中的应用程序传输数据？

如何将this.state传输到react-routes：

export default class App extends React.Component{

  constructor () {
    this.state = { name: 'Username' };
  }

  render () {
    return (
      <div>
        {this.props.children} // <-- this.state ???
      </div>
    );
  }
};

React.render((
  <Router history={HashHistory}>
    <Route path="" component={App}>
      <Route path="about" component={About} />
    </Route>
  </Router>
), document.getElementById('app'));

{this.props.children} //＆lt; - this.state ???

Answer 1

我建议您从单独的Flux商店访问存储在App.state中的信息，然后在您需要的每个组件中访问它们。 React路由器不应该涉及在路由之间传递数据。

如何将this.state转移到react-routes？

1 个答案: