[英]ReactJS set dynamic input value based on Object
I have an Object like this: 我有一个这样的对象:
And an object like this: 和这样的对象:
const subjectQuantities = {
9: 2,
11: 1,
};
Where 9 and 11 are similar to the object id
of first Object
what I want to do is set the value of an input field dynamically so what I did is this: 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>
))}
How do I set the value of this input field dynamically based on the value of the subjectQuantities object. 如何基于subjectQuantities对象的值动态设置此输入字段的值。
If i understand your question correctly you just need to do {subjectQuantities[item]}
如果我正确理解了您的问题,则只需执行
{subjectQuantities[item]}
See your example below. 请参见下面的示例。
{ 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>
))}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.