无法理解 JSON.parse 的错误

Question

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

var bla = "[{text: 't1', key: 1602048390632}, {text: 't2', key: 1602048392604}, {text: 't3', key: 1602048393953}]"; 
   
   this.state = { 
    items:  JSON.parse(bla)
   };

但是这里它显示了一个交叉原点，react 无权显示。 我需要的输出是 t1、t2、t3。 CORS 错误

 ReactDOM.render(
   <div>
    <TodoList/>
      </div>,

Answer 1

您不能将JSON.parse用于bal变量，因为该键没有被双引号 ("") 覆盖。

在这种情况下，您可以使用eval()函数。

 var bla = "[{text: 't1', key: 1602048390632}, {text: 't2', key: 1602048392604}, {text: 't3', key: 1602048393953}]"; const state = { items: eval(bla) }; console.log(state);