我是一个初学者。请帮助我通过下拉选择所选的值和名称或标签。我'导入'选择React
React代码
const [task,settask] = useState([]);
const handleEmpChange=(e) => {
if(e.label){
let a =e.label
setAssigntaskD({...assigntaskD,['Employee'] : e.label });
setAssigntaskD({...assigntaskD, ['EmployeeId'] : e.value });
debugger;
}
else{
setAssigntaskD({...assigntaskD,[e.target.value] : e.target.value });
setAssigntaskD({...assigntaskD,[e.target.name] : e.target.name });
}
}
#HTML#
<Form.Group as={Row} className="mb-3" id="LbUser">
<Form.Label column sm="2">Employee</Form.Label>
<Col sm="10" style={{width:'50%'}}>
<Select value={selectedOptions} options={employeeD} onChange ={(selectedOptions)=>handleEmpChange(selectedOptions)} />
<p align='left'>
{errors.UserName && <span class="text-danger" style={{width:'50%'}}>{errors.UserName}</span>}
</p>
</Col>
</Form.Group>
字符串
1条答案
按热度按时间2ul0zpep1#
我不知道函数中发生了什么,但通常你会像这样发送事件给函数:(e)=> EmpChange(e)
在函数中:
setData(e.target.value)并可能获取标签,如:e.target.getAttribute('label')或记录事件变量的所有选项的事件。