6月12日 => 星期五

2020-06-13  本文已影响0人  赵羽珩

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>
            )
    })
}                         

2,

上一篇 下一篇

猜你喜欢

热点阅读