React中组件的props.children
props.children是用于将从父组件传递过来的标签放置到子组件中
1.创建父组件首先引入react和reactdom
import React from 'react'
import ReactDOM from 'react-dom'
创建父组件
class ParentDom extends React.Component{
constructor(){
super()
this.state={
}
}
render(){
return (
这是在父组件添加的标签
)
}
}
2.创建子组件
class ChildDom extends React.Component{
constructor(){
super()
this.state={
}
}
render(){
return (
{this.props.children}
{/* 需要在这里添加一个占位符，就能将从父组件中的标签加入子组件
如果这是一个数组，会自动循环输出*/}
)
}
}
3.渲染到页面
ReactDOM.render(
这是在render加的数据
,document.getElementById('app')
)
总结：
在自定义的组件标签中加入的标签会转换成一个虚拟DOM对象，然后传入到props的children属性中，在这个属性中可以访问标签上的一切属性
可以给标签定义一个属性，加入特定的属性名，然后对特定的标签的位置进行设置
作者：weixin_45865724
相关文章
Yasmin
2021-05-01
Zahirah
2021-01-15
Oria
2023-05-16
Victoria
2023-05-16
Anna
2023-05-16
Jacinthe
2023-05-16
Elita
2023-05-17
Tani
2023-05-18
Viveka
2023-05-18
Karli
2023-05-18
Tia
2023-05-18
Jacinda
2023-07-20
Nova
2023-07-20
Beth
2023-07-20
Viridis
2023-07-20
Georgia
2023-07-20
Shaine
2023-07-20
Isleta
2023-07-20