ReactJS根據對象設置動態輸入值

Question

我有一個這樣的對象：

和這樣的對象：

const subjectQuantities = {
      9: 2,
      11: 1,
    };

9和11與第一個Object的對象id相似，我想做的是動態設置輸入字段的值，所以我要做的是：

{ Object.keys(subjects).map((item, i) => (
   <li className="travelcompany-input clearfix" key={i}>
      <span className="input-label">{ subjects[item].name }</span>
         <div className="input-group">
           { subjects[item].id in subjectQuantities ?
            <input className="form-control form-travelcompany-input" type="text" value=*DYNAMIC VALUE* min="0" max="10" />
             : <p>TEST</p>
             }
         </div>
   </li>
))} 

如何基於subjectQuantities對象的值動態設置此輸入字段的值。

Answer 1

如果我正確理解了您的問題，則只需執行{subjectQuantities[item]}

請參見下面的示例。

{ Object.keys(subjects).map((item, i) => (
   <li className="travelcompany-input clearfix" key={i}>
      <span className="input-label">{ subjects[item].name }</span>
         <div className="input-group">
           { subjects[item].id in subjectQuantities ?
            <input className="form-control form-travelcompany-input" type="text" value={subjectQuantities[item]} min="0" max="10" />
             : <p>TEST</p>
             }
         </div>
   </li>
))}