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