1，面包屑导航父子组件传值
image.png
父页面.jsx
# 定义一个数组
this.state = {
data: [
{ pages: '数据可视化AAA', path: '/数据可视化22'},
{ pages: '我的数据集', path: '/我的数据集22'},
]
};
# 引入组件，传递数据
<Crumbs data={this.state.data}/>
子页面.jsx
# props属性接收数据
{
this.props.data.map((item, index) => {
return (
<Breadcrumb.Item className='GotoPages' href={item.path} key={index}>
<span className='GotoPagesText'>{item.pages}</span>
</Breadcrumb.Item>
)
})
}
网友评论