React顶层API

时间:2021-08-18 00:49:08

标签:

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)

React顶层API

标签:

原文地址:https://www.cnblogs.com/lyraLee/p/11557798.html