javascript - 将 Prop 传递给 map 中的温度文字

Question

我正在尝试创建一个动态选择框。我正在传递行源数据和键显示名称的名称。我无法将数据对象与字符串键或显示名称结合起来。谢谢!

const { rowSourceData, rowSourceKey, rowSourceDisplay } = this.props;
const rowSource = rowSourceData
    .map(data => {          
      return (
        <option key={data.`${rowSourceKey}`}> {data.`${rowSourceDisplay}`}</option>            
      )       
  })

Answer 1

这样写:

const { rowSourceData, rowSourceKey, rowSourceDisplay } = this.props;
const rowSource = rowSourceData
    .map((data,i) => {          
        return (
            <option key={i/*data[rowSourceKey]*/}> {data[rowSourceDisplay]}</option>            
        )       
    })

例如:

obj = {a:1,b:2,c:3,d:4};
temp = 'c';
console.log(obj[temp]); // print 3;