React中的onClick vs onSubmit

时间:2018-02-13 00:52:21

标签: javascript reactjs

我有一个简单的反应输入,不能与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'));
&#13;
<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" />
&#13;
&#13;
&#13;

3 个答案:

答案 0 :(得分:2)

onSubmit<form>的道具,您应该将处理程序添加到该元素:

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

答案 1 :(得分:1)

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

答案 2 :(得分:0)

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