在React中，如何在条件语句中使用动态变量名？

Question

    {this.props.fields.map(field => (
      <div key={field.skill_id}>

        <label key={field.skill_id} className={( (this.props.formState && this.props.formState.skill_id_1) === String(field.skill_id) ? "active": "" ) + " X"}>

现在，我使用this.props.formState.skill_id_1进行了以上硬编码...具体为skill_id_1

我需要skill_id_1是动态的，它来自上图中的skill_id_ + field.skill_id。

如何使条件动态化，使其成为：

this.props.formState.skill_id _ #####

其中#####是从上面的.map动态分配的吗？

由于

Answer 1

你有一个带有map函数的迭代器。

arr.map((field, i) => <div className={`skill-${i}`}>{field}</div>)