React 中的 onClick 与 onSubmit

Question

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

Answer 1

onSubmit是<form>的道具，您应该将处理程序添加到该元素上：

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

Answer 2

我认为它需要在<form></form>才能提交工作

Answer 3

因为你没有提交任何东西。 onSubmit 用于提交表单...