使用来自 localStorage 的字符串导入答案

【问题标题】：Use imports with string that comes from localStorage使用来自 localStorage 的字符串导入
【发布时间】：2022-01-04 15:20:33
【问题描述】：

大家好，新年快乐，

我需要根据从数据库发送并保存在 localStorage 中的权限显示/隐藏不同的菜单。

这是导入的菜单

import tripOrders from './tripOrders';
import orders from './orders';
import employees from './employees';

然后我在这里使用它们：

const menuItems = {
    items: [tripOrders, orders, employees]
};

我试图做这样的事情，但没有任何反应。

let menuFromDB = localStorage.getItem('menu-items') // <== in 'menu-items' I set tripOrders, orders, employees

const menuItems = {
    items: [menuFromDB]
};

【问题讨论】：

localStorage 仅存储 DOMStrings。在尝试使用之前添加console.log(menuFromDB)进行检查
好的，但我不能像引用原始导入名称一样使用它吗？
不，你必须储存物品

标签： javascript reactjs import local-storage

【解决方案1】：

你从localStorage得到一个字符串，所以你可以使用split()把它转换成数组

【讨论】：

你好，我把它转换成数组，但仍然不调用导入的文件。