<Modal someProps... >
        <p>...<p>
    </Modal>

在這段代碼中，只有Modal是父元素，p是子元素。我這里不想用父子組件來解釋，因?yàn)樗麄儽举|(zhì)是React元素。

實(shí)際上你在這里聲明的是Modal元素，而在其中嵌套p這一寫法可以看作是JSX的語法糖，用于更好地表現(xiàn)層次關(guān)系，本質(zhì)上等同于：

    <Modal someProps... children={(
        <p>...</p>
    )
    } />

所以Modal的render方法并不會(huì)自動(dòng)展現(xiàn)p元素，需要手動(dòng)將{ this.props.children }寫在對(duì)應(yīng)位置

另外關(guān)于React的常見使用模式，可以閱讀官方文檔

class Main extends Component {
    constructor(props) {
        super(props);
    }
    render() {
        return (
            <div>
                { this.props.children }
            </div>
        )    
    }
}