Reactjs 在React JS中访问卷曲支架内的道具

如何从受控输入中的props

props.id

访问值

我想要达到的目标

<input
  name="lname"
  value={pax.adult1.lname} // This gets/displays input on state change
  onChange={handleChange}
  type="text"
  placeholder="Last name"
  className="form-control"
/>;

及

任何帮助都将不胜感激

这样试试：

<input
  name="lname"
  value={pax[`adult${props.id}`].lname}
  onChange={handleChange}
  type="text"
  placeholder="Last name"
  className="form-control"
/>;

；

像这样试试：

<input
  name="lname"
  value={pax[`adult${props.id}`].lname}
  onChange={handleChange}
  type="text"
  placeholder="Last name"
  className="form-control"
/>;

；
在
{
}
之间的代码是正常的。因此，要使用JS中的变量访问对象中的属性，可以使用方括号并传递一个字符串，如下所示：
obj[“aString”]

在您的情况下，它将是：

pax["adult" + props.id].lname

或者，为了让它更好看：

pax[`adult${props.id}`].lname

{
}
之间的代码只是普通的JS。因此，要使用JS中的变量访问对象中的属性，可以使用方括号并传递一个字符串，如下所示：
obj[“aString”]

在您的情况下，它将是：

pax["adult" + props.id].lname

或者，为了让它更好看：

pax[`adult${props.id}`].lname

试试这个：
value={pax['maintal'+props.id].lname}
@Ramesh它显示语法错误。我误解了你的问题，我编辑了现在就试试。试试这个：
value={pax['maintal'+props.id].lname}
@Ramesh它显示语法错误。我误解了你的问题，我编辑了现在就试试。