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

ReactJS 基于对象设置动态输入值

ReactJS set dynamic input value based on Object

javascript

object

jsx

reactjs

react-jsx