Javascript Can'；无法理解JSON.parse的错误

我正在研究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>,

ReactDOM.render(
,

您不能对

bal

变量使用

JSON.parse

，因为该键没有双引号（“”）

在这种情况下，可以使用函数

var bla=“[{text:'t1'，key:1602048390632}，{text:'t2'，key:1602048392604}，{text:'t3'，key:1602048393953}]”；
常量状态={
项目：评估（bla）
};
console.log（state）；

您不能对

bal

变量使用

JSON.parse

，因为该键没有双引号（“”）

在这种情况下，可以使用函数

var bla=“[{text:'t1'，key:1602048390632}，{text:'t2'，key:1602048392604}，{text:'t3'，key:1602048393953}]”；
常量状态={
项目：评估（bla）
};
console.log（state）；

您此处的示例数据不是有效的JSON，因此仅此一项就会导致代码中出现错误。至于CORS问题，此处没有足够的信息来实际帮助您。您的字符串不是有效的JSON。您从何处获得该数据？请将其语法修复为

'[{“text”：“t1”，“key”：1602048390632}，{“text”：“t2”，“key”：1602048392604}，{“文本”：“t3”，“键”：1602048393953}]“

这是一个列表中的json。您可能需要添加引发CORS错误的代码，如中所述OP@Sirko很好，我会检查一下，谢谢你这里的示例数据不是有效的JSON，因此这本身就会导致代码中出现错误。至于CORS问题，这里没有足够的信息来实际帮助你。你的字符串不是有效的JSO你从哪里得到的数据？把它的语法改成“

”[{“text”：“t1”，“key”：1602048390632}，{“text”：“t2”，“key”：1602048392604}，{“text”：“t3”，“key”：1602048393953}]“

这是一个列表中的json。您可能需要添加引发CORS错误的代码，如中所述OP@Sirko好的，我会四处看看，谢谢你，谢谢你，谢谢你，谢谢你的回答@Derek.WYaa eval，谢谢你的回答@Derek.WYaa eval，谢谢你的回答@Derek.W