在React中获取带有破折号或连字符的JSON数据。

Question

有谁知道如何用react解决这个问题？我需要获取这些数据。

<source src={items.preview-hq-mp3.} type="audio/mpeg"></source>

但因为破折号出错...错误

Answer 1

如何获取键中带有特殊字符的对象？

你可以用一个字符串和方括号来引用一个键。当你需要获取一个srance文件名或json作为一个对象的一部分时，这很有用。

在你的案例中，我不确定你的 . 但只要与键名正确匹配，无论哪种方式都可以。

<source src={items["preview-hq-mp3."]} type="audio/mpeg"></source>

一个额外的用例是当你有一个变量键名时。

const key = "myKey";

const obj = {[key]: 'my value'} // prints out {myKey: 'my value'}