我有一个简单的反应输入,不能与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;
答案 0 :(得分:2)
onSubmit
是<form>
的道具,您应该将处理程序添加到该元素:
<form onSubmit={onSubmit}>
<input ... />
</form>
答案 1 :(得分:1)
我认为它需要在<form></form>
提交工作
答案 2 :(得分:0)
因为你没有提交任何东西。 onSubmit用于提交表单......