我想创建一个面包屑，但我不知道如何在反应中创建它答案

【问题标题】：I want to create a breadcrumb but i dont know how to create that in react我想创建一个面包屑，但我不知道如何在反应中创建它
【发布时间】：2019-01-29 14:06:07
【问题描述】：

这是我的管理角色页面，我必须在该页面上显示诸如管理角色/添加角色之类的面包屑在渲染后我该怎么做

我想在页面顶部添加一个面包屑这是一个下拉菜单，其标题是管理授权人，然后第一个选项是添加角色

所以我想在我的页面渲染时显示它

它应该显示为 Manage Authoriser/Add role as a breadcrumb

                    }}
                />
                <Search with role name"
                />

                            input={{id: 'select_' + role.roleId, value: role.selected}}
                            onClick={()=> this.toggleSelect(i)}
                        />,
                        role.name?role.name:'-',
                    e: role.status === "Active" ? true : false }}

【问题讨论】：

嗨，约翰！只是一些澄清的问题，所以我们知道如何最好地回答你：你对 React 有多少经验？上面的代码都是你自己写的吗？
不，这不是我的代码，但现在我必须在此页面中添加面包屑。我是新手。
我可以创建一个面包屑组件，然后在我的其他文件中调用该面包屑组件吗？？
这正是您可以做的。我会发布一个答案。
但我需要动态方式的面包屑。它不会被硬编码。

标签： reactjs routing react-redux breadcrumbs

【解决方案1】：

React 的核心思考过程是根据可重用的不同组件来思考。因此，您要做的第一件事就是创建一个 <BreadCrumb /> 组件并单独处理它。

然后您可以在您的管理页面中使用它来显示面包屑，传递它需要工作的道具。

如果您不确定如何操作，我建议您在此处阅读 React 教程：https://reactjs.org/tutorial/tutorial.html

【讨论】：