首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >props.children是什么?

props.children是什么?
EN

Stack Overflow用户
提问于 2018-04-25 17:47:34
回答 4查看 3.2K关注 0票数 4

我正在学习本教程,导师做了类似的事情来解释高阶组件。

代码语言:javascript
运行
复制
const aux = (props) => props.children;

export default aux;

然后这个导入到其他文件中,并将div标记替换为<Aux>标记。

现在,我很难理解这一点,因为我不太确定props.children到底做了什么(因为我们以前几乎没有在讲课中使用它)。

我在网上搜索了一两篇文章,但出于某种原因,他们的描述非常模糊。

有人能解释一下props.children的一般用法吗?

EN

回答 4

Stack Overflow用户

回答已采纳

发布于 2018-04-25 17:55:02

props.children是一种道具,就像其他每一种道具一样,但是它在标记之间传递的方式不同(当使用JSX时):

代码语言:javascript
运行
复制
<Component>text</Component>

您在标记之间放置的内容将作为props.children传递给组件。It 可以是

未定义、null、布尔值、数字、字符串、React元素或任何这些类型的数组都是递归的。

它也可以是一个函数,返回上面的一个来创建渲染道具图案。

如果您想直接处理children支柱(filtermap ),您可能需要一些反应效用函数

差不多就是这样。当然,在反应文件。中还有更多的细节

票数 5
EN

Stack Overflow用户

发布于 2018-04-25 18:01:24

通常,每个组件的子组件实际上是一个数组。但是,当只有一个子组件时,props.children将是没有数组包装器的单个子组件。

因此,在本例中:const aux = (props) => props.children;将返回一个组件。

票数 1
EN

Stack Overflow用户

发布于 2018-04-25 20:30:32

该标准已被内置,以反应16.3和取代的只是<>。当您需要呈现多个组件时,您将使用它,但由于样式或任何其他原因,您不希望将它们包装为i。

例如:

代码语言:javascript
运行
复制
     <CustomeHeader />
     <CustomTable />
     <CustomFooter />

不能在反应中呈现,但:

代码语言:javascript
运行
复制
     <>
       <CustomeHeader />
       <CustomTable />
       <CustomFooter />
     </>

或者:

代码语言:javascript
运行
复制
   <aux>
      <CustomeHeader />
      <CustomTable />
      <CustomFooter />
   </aux>

以上两种方法都是可行的。Aux或<>里面有什么?

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

https://stackoverflow.com/questions/50028445

复制
相关文章

相似问题

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