React跨组件传值

    //场景: A组件、B组件、C组件

    //B组件在A组件中调用, C组件在B组件中调用, C组件需要使用A组件的数据

    //方式一: 通过props逐级传递

    class A extends React.Component {

      constructor() {

        super();

        this.state = {

          name: 'mark'

        }

      }

      render() {

        return (

          

            

A组件

            

          

        );

      }

    }

    class B extends React.Component {

      componentDidMount() {

        console.log(this.props.myname);

      }

      render() {

        return (

          

            

B组件

            

          

        );

      }

    }

    class C extends React.Component {

      render() {

        return (

          

            

C组件

            

{this.props.cname}