ReactJS設定基於對象

Question

動態輸入值I有一個這樣的對象：

和對象像這樣：

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

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

{ 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> 
))}