Question

我有一个名为header的组件和另一个名为sidebar的组件我想将数据从Header传递给Sidebar但是他们之间没有关系可以帮助我吗？

Answer 1

var text = "Click the button";

var Form = React.createClass({
    render: function(){
        return (
            <div>
                <h3>{this.props.text}</h3>
                <input type="submit" />
            </div>
        );
    }
});
var App = React.createClass({
    render: function(){
        return (
            <div>
                <h1> Welcome to my app!</h1>
                <Form text={this.props.text}/>
            </div>
        );
    }
});
React.render(<App text={text}/>,  document.getElementById("app"));

或者redux将数据传递给redux的状态并调用read more

examples redux and react

Answer 2

您可以通过将数据发送到公共父组件来完成此操作。如果层次结构很深，那么使用https://docs.spring.io/spring-security/oauth/apidocs/org/springframework/security/oauth2/provider/endpoint/TokenEndpointAuthenticationFilter.html会更好。

参考：Redux

如何在两个没有关系的反应组件之间传递数据

2 个答案: