首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >React.Children.map和children.map,有什么不同?

React.Children.map和children.map,有什么不同?
EN

Stack Overflow用户
提问于 2018-03-15 12:10:27
回答 1查看 12.8K关注 0票数 16

React v16.2.0中,有一个新的接口调用React.Children

我很好奇React.Children和直接使用children有什么不同。

例如,如果我想操作子内容,我可以用这两种方法来操作。example

代码语言:javascript
复制
const Child = () => (
  <div>child</div>
)

class App extends React.Component {
  render() {
    const template1 = React.Children.map(this.props.children, (child) => {
      return React.cloneElement(child);
    });

    const template2 = this.props.children.map((child) => {
      return React.cloneElement(child);
    });
    return [template1, template2];
  }
}

结果是一样的。

有谁知道有什么不同吗?

或者react团队发布此API的目的是什么。

谢谢。

EN

回答 1

Stack Overflow用户

发布于 2019-06-10 19:07:48

请看一下这个例子,看看不同之处

将此内容粘贴到控制台浏览器:

代码语言:javascript
复制
var children = null
chidren.map(i => {return i}) // => VM370:1 Uncaught TypeError: Cannot read property 'map' of null
React.Children.map(children, i => {return i;}) // return null

下面是结果:result

因此,当子项为null或未定义时,React.Children.map将处理这种情况

票数 7
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/49291442

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档