零经验学 react 的第5天 - 子组件创建与使用

函数组件方式：创建和使用子组件

function Child() {
    return (
        <div className="child">
            <h2>Child Component</h2>
        </div>
    )
}

function Parent() {
    return (
        <>
            <Child></Child>
        </>
    )
}
export default Parent

类组件方式：创建和使用子组件

import React from "react";

class Child extends React.Component {
    render() {
        return (
            <div className="child">
                <h2>Child Component</h2>
            </div>
        )
    }
}

class Parent extends React.Component {
    render() {
        return (
            <>
                <Child></Child>
            </>
        )
    }
}

export default Parent