如何使用变量作为键名获取props对象中的指定属性值

你可以使用 JavaScript 的方括号属性访问语法实现该需求：点运算符仅支持传入固定属性名，方括号内可传入变量、表达式来动态指定要访问的属性。

正确写法如下：

let theVariable = 'somethingNew'; // 存储动态变化的字段名，比如'account_number'或其他业务字段
const dataValue = props.table.data.rowData[theVariable];

注意事项 #

• 若不确定rowData是否一定存在，可搭配可选链避免抛出类型错误，写法为：

  const dataValue = props.table.data.rowData?.[theVariable];
  

  当路径中任意字段不存在时，会直接返回undefined而非报错。
• 变量theVariable的取值需要和目标属性名完全匹配（包括大小写），否则无法正常获取属性值。

内容的提问来源于stack exchange，提问作者Rae Christian Meron