小编Fue*_*ego的帖子

我正在尝试使用 ReactJS 开发一个 Web 应用程序，但遇到了问题。经过1天多的研究，我不明白该怎么做。

我想使用一个组件，它是我的页面的主要布局，添加其他组件以在其中显示。

在组件 Base2 中，子 props 包含另一个组件。

import React from 'react';
import PropTypes from 'prop-types';
import { Link, NavLink } from 'react-router-dom';

const Base2 = (child) => (

    <div>
        <div className="top-bar">
            <div className="top-bar-left">
                <NavLink to="/">React App</NavLink>
            </div>

            <div className="top-bar-right">
                <Link to="/login">Log in</Link>
            </div>

        </div>

        <child/> // HERE the dynamic component

    </div>
);

export default Base2;

调用它的函数是：

const TestBase = ({props}) => {
    return (<Base child={MyComponent}/>)
};

此外，MyComponent 可以是一个类，声明以下 2 个方法：

import React from 'react';
import LoginForm …