React——props children (插槽平替)

React当中不存在v-slot插槽这种概念,而当我们又需要实现这个种功能时,该怎么办呢?

我们可以通过props children属性去实现。

props children属性

  • children属性:表示该组件的子节点,自动放在props的children属性里
  • 它值可以是任意类型(文本、React元素、数组、组件、对象、函数)
function New(props) {
  return (
    <div>
      {props.children}
    </div>
  )
}

// 使用时,在new标签内写入的内容都会放在props的children里面
<New>
	<span>我时插槽平替</span>
</New>

相关推荐

  1. React——props children (

    2024-03-21 07:24:03       41 阅读
  2. slot

    2024-03-21 07:24:03       54 阅读
  3. Vue 3

    2024-03-21 07:24:03       64 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-03-21 07:24:03       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-03-21 07:24:03       100 阅读
  3. 在Django里面运行非项目文件

    2024-03-21 07:24:03       82 阅读
  4. Python语言-面向对象

    2024-03-21 07:24:03       91 阅读

热门阅读

  1. 全量知识系统 概要设计(SmartChat回复)

    2024-03-21 07:24:03       50 阅读
  2. webRtc麦克风摄像头检测

    2024-03-21 07:24:03       41 阅读
  3. 为prj添加kconfig支持

    2024-03-21 07:24:03       45 阅读
  4. 力扣_动态规划4—最大正方形

    2024-03-21 07:24:03       38 阅读
  5. Redis的五种数据类型与常用命令示例

    2024-03-21 07:24:03       42 阅读
  6. k8s污点去除

    2024-03-21 07:24:03       37 阅读
  7. kafka流式处理中aggregate()方法--笔记

    2024-03-21 07:24:03       40 阅读
  8. js 实现合并重复数据

    2024-03-21 07:24:03       36 阅读
  9. rk3568 安卓11双屏异显,隐藏副屏的导航栏

    2024-03-21 07:24:03       62 阅读