[英]onClick vs onSubmit in React
我在 react 中有一個簡單的輸入,它不適用於onSubmit
但不適用於onClick
。 這是為什么? 這是示例的鏈接。
const styles = { fontFamily: 'sans-serif', textAlign: 'center', }; const clicked = e => { alert("Hi") } const App = () => ( <div style={styles}> <input type='submit' value='click' onSubmit={clicked}/> </div> ); 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" />
onSubmit
是<form>
的道具,您應該將處理程序添加到該元素上:
<form onSubmit={onSubmit}>
<input ... />
</form>
我認為它需要在<form></form>
才能提交工作
因為你沒有提交任何東西。 onSubmit 用於提交表單...
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.