Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/23.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用React获取所选选项属性_Javascript_Reactjs_Dom - Fatal编程技术网

Javascript 使用React获取所选选项属性

Javascript 使用React获取所选选项属性,javascript,reactjs,dom,Javascript,Reactjs,Dom,我的目标是将所选选项中的所有值收集到一个状态中。如何正确地做?我考虑过如何引用所选选项的属性,但没有成功。 我有以下的状态 const[search,setSearch]=useState({ 电话:“, 马克:“, 型号:“, 姓名:“, }) 这是我的onChange函数 const onSearchChange=(e)=>{ 常量{name,value}=e.target 设置状态((prevState)=>({ …国家, [名称]:值, })) } 还有一个从对象中选择映射值的方法。

我的目标是将所选选项中的所有值收集到一个状态中。如何正确地做?我考虑过如何引用所选选项的属性,但没有成功。 我有以下的状态

const[search,setSearch]=useState({
电话:“,
马克:“,
型号:“,
姓名:“,
})
这是我的onChange函数

const onSearchChange=(e)=>{
常量{name,value}=e.target
设置状态((prevState)=>({
…国家,
[名称]:值,
}))
}
还有一个从对象中选择映射值的方法。所以像
{it.name}、{it.mark}、{it.model}
这样的值我想在
搜索
状态下收集


{customerList.map((it)=>{
返回(
{it.name},{it.mark}{it.model}{it.regnumber},{it.phone}
)
})}

我想你需要的是:


函数SelectApp(){
const[search,setSearch]=React.useState(0);
const onSearchChange=(e)=>{
const{value}=e.target;
设置搜索(值);
};
const customerList=[
{姓名:“约翰”,型号:“x”,注册号:23,电话:“+145623455”},
{姓名:“Niil”,型号:“box”,注册号:44,电话:“+185823499”},
{姓名:“杰瑞”,型号:“盒子”,注册号:44,电话:“+188823499”}
];
返回(
{customerList.map((it,key)=>{
返回(
{it.name},{it.mark}{it.model}{it.regnumber},{it.phone}
);
})}
);
}

因此,如果要在设置状态之前创建一个对象,则可以从键更改列表中获取值,如以下示例所示

 const onSearchChange = (e) => {
    const { name, value } = e.target
    let newComboBoxValue = {}

    newComboBoxValue[name] = newComboBoxValue[value];
    setState((prevState) => ({
      ...prevState,
      newComboBoxValue
    }))
  }
祝你好运

CLC