React - 如何获取对象内对象的属性答案

【问题标题】：React - How to get property of an object inside an objectReact - 如何获取对象内对象的属性
【发布时间】：2021-01-20 15:34:15
【问题描述】：

我有一个接受对象的 SidebarItems 数组，在对象内部有 2 个属性，name 和 route，我想使用name 值作为路由值，但我收到一个名为 Unexpected use of 'name' 的错误，这是我的实际代码

const SidebarItems = [
    {
        name: "Calendar",
        route: `/${name}`,
    },
];

export default SidebarItems;

【问题讨论】：

【解决方案1】：

你不能真的像那样引用name。例如，您可以通过以下方式生成数组：

const SidebarItems = ['Calendar', 'Messages', 'Notifications'].map((itemName) => ({
   name: itemName,
   route: `/${itemName}`
}));

【讨论】：

【解决方案2】：

你需要类似的东西

const SidebarItems = ({ name, route }) => ([
    {
        name: "Calendar",
        route: `/${name}`,
    },
]);

export default SidebarItems;

【讨论】：