javascript - React 中的 onClick 与 onSubmit

Question

我在 React 中有一个简单的输入，它不适用于 onSubmit 但适用于 onClick。这是为什么？这是 link举个例子。

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" />

Answer 1

onSubmit是 <form> 的 Prop ，您应该将处理程序添加到该元素:

<form onSubmit={onSubmit}>
  <input ... />
</form>