在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>)