gpt4 book ai didi

reactjs - onSubmit() 在 React.js 中不起作用

转载 作者:行者123 更新时间:2023-12-03 13:57:10 25 4
gpt4 key购买 nike

我有一个如下所示的表单

<form className="ui form" onSubmit={this.update}>
<input type="text" defaultValue={this.props.element} onChange={this.handleChange1}/>
<input type="button" value="Update" className="ui positive icon button"/>
</form>

我的更新功能如下

update = event => {
console.log('hello');
event.preventDefault();
}

但是它不起作用。

最佳答案

提交按钮不应为 button 类型,而应为 submit 类型。

示例

class App extends React.Component {
update = event => {
console.log("hello");
event.preventDefault();
};

render() {
return (
<form className="ui form" onSubmit={this.update}>
<input
type="text"
defaultValue={this.props.element}
onChange={this.handleChange1}
/>
<input
type="submit"
value="Update"
className="ui positive icon button"
/>
</form>
);
}
}

ReactDOM.render(<App />, document.getElementById("root"));
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react-dom.min.js"></script>

<div id="root"></div>

关于reactjs - onSubmit() 在 React.js 中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51521237/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com