父级到子级组件

实际上最简单的情况，在 React 世界非常自然而且机会是 - 你已经在使用它了。

你可以将道具传递给子组件。在这个示例中，message 是我们传递给子组件的 prop，名称消息是任意选择的，你可以将它命名为你想要的任何名称。

import React from 'react';

class Parent extends React.Component {
    render() {
        const variable = 5;
        return (
            <div>
                <Child message="message for child" />
                <Child message={variable} />
            </div>
        );
    }
}

class Child extends React.Component {
    render() {
        return <h1>{this.props.message}</h1>
    }
}

export default Parent;

这里，<Parent /> 组件呈现两个 <Child /> 组件，在第一个组件内传递 message for child，在第二个组件内传递 5。

总之，你有一个组件（父级），它呈现另一个（子）并传递给它一些道具。