如何在JSX中访问对象中带点的键（如Assigned_To.Name）？

当对象的键本身包含点号（比如你的Assigned_To.Name），不能用常规的点操作符访问——JS会把点后面的Name解析成嵌套对象的属性，而非键的一部分。正确做法是使用方括号访问语法：

示例代码 #

假设你的对象结构是：

const yourObj = {
  "Assigned_To.Name": "Maxicus"
};

在JSX中正确访问的方式：

{yourObj["Assigned_To.Name"]}

这样就能直接获取到键Assigned_To.Name对应的值"Maxicus"，不会被错误解析成嵌套属性。

补充说明 #

只要对象的键包含特殊字符（点号、空格、连字符等），都需要用方括号语法访问，把完整键名以字符串形式放在方括号内即可。

内容的提问来源于stack exchange，提问作者Abhishek Poddar