React顶层API

import React from ‘react‘;
import ReactDOM from ‘react-dom‘;

function User(props) {
    // props.children取值有三种：
    // 1.无子节点-undefined
    // 2.一个文本/元素-字符串或者对象
    // 3.多个节点-数组
    // 所以使用map可能会有问题，但是React.Children.map解决了这个问题
    return (
        <>
            {
                React.Children.map(props.children, (item,index) => <div key={index}>{item}</div>)
            }
        </>
    )
}

ReactDOM.render(
    <User>
        1 
    </User>, window.root)