无法理解 JSON.parse 的错误

Question

我正在处理一个 todoList 并且我了解本地存储的过程，所以我尝试在我的 todoList 中添加默认项目

var bla = "[{text: 't1', key: 1602048390632}, {text: 't2', key: 1602048392604}, {text: 't3', key: 1602048393953}]"; 

   

   this.state = { 

    items:  JSON.parse(bla)

   };

但是这里它显示了一个反应无法显示的交叉来源。我需要的输出是 t1、t2、t3。CORS 错误

 ReactDOM.render(

   <div>

    <TodoList/>

      </div>,

Answer 1

您不能使用JSON.parseforbal变量，因为键没有被双引号 ("") 覆盖。在这种情况下，您可以使用eval()函数。var bla = "[{text: 't1', key: 1602048390632}, {text: 't2', key: 1602048392604}, {text: 't3', key: 1602048393953}]";    const state = {   items: eval(bla)};console.log(state);