React顶层API

1.React.children.map(props.children, mapFunc)

1）该方法用于安全的遍历组件children。

2）该方法可以平铺嵌套数组的返回值。

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)