![](/img/trans.png)
[英]How do I get populate hidden text fields with values from spans in order to access the values?
[英]How do I get the values of multiple text fields on submit?
背景:
我正在尝试获取当前在各种文本字段中的值。 我的页面上有很多文本字段,它们使用统一的状态/处理程序进行管理(请参阅下面的代码)。
我有正确触发提交按钮,但我不知道要放什么来从文本字段中获取值。
问题:
如何正确设置,以便提交 function 获得每个文本字段中的当前值?
我的代码:
function handleSubmit() {
// HOW DO I GET THE VALUES?
console.log('CURRENT VALUE OF firstItem')
console.log('CURRENT VALUE OF secondItem')
}
const [textFields, setTextFields] = useState({
firstItem: "",
secondItem: ""
});
const handleChangeTextField = (type) => (value) => {
setTextFields((prevState) => ({
...prevState,
[type]: value
}));
};
<TextField
id="firstItem"
variant="filled"
value={textFields.firstItem}
onChange={handleChangeTextField("firstItem")}
/>
<TextField
id="secondItem"
variant="filled"
value={textFields.secondItem}
onChange={handleChangeTextField("secondItem")}
/>
谢谢!
文本字段值存储在 state 中,因此您可以通过textFields
state 变量访问它们。
function handleSubmit() {
console.log('CURRENT VALUE OF firstItem', textFields.firstItem);
console.log('CURRENT VALUE OF secondItem', textFields.secondItem);
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.