如何解决状态呈现的Input元素的属性“ onChange”不起作用
所以我的问题是,我创建了一个函数,当用户单击按钮时,会显示一个输入 该输入仅在按下按钮时出现,但在按下之前甚至不存在, 输入出现时将具有与状态配合使用的onChange属性。它的代码是这样的:
const[newValue,setNewValue] = useState('')
const[editForm,setEditForm] = useState(<form></form>)
const[toggleEditForm,setToggleEditForm] = useState(true)
function showAndHideEditForm(){
if(!toggleEditForm) {
setEditForm(<form></form>)
setToggleEditForm(true)
} else {
setEditForm(
<form onSubmit={}>
<input onChange={e => setNewValue(e.target.value)}
<button type='submit'>Submit<button/>
</form>
)
}
}
function submitNewValue(e) {
e.preventDefault()
console.log(newValue)
}
因此,当用户提交输入值的表单时,控制台日志完全不显示任何内容,但是仅将imput放置在没有切换部分的情况下,一切正常,我的工作方式也根本不起作用,还是我做错了什么?
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。