React技巧之表单提交获取input值
正文从这开始~
总览
在React中,通过表单提交获得input
的值:
- 在
state
变量中存储输入控件的值。 - 在
form
表单上设置onSubmit
属性。 - 在
handleSubmit
函数中访问输入控件的值。
import {useState} from 'react';
const App = () => {
const [firstName, setFirstName] = useState('');
const [lastName, setLastName] = useState('');
const handleSubmit = event => {
console.log('handleSubmit ran');
event.preventDefault(); //
- 上一篇 »【html、CSS、javascript-4】新特征之增强表单
- 下一篇 »php完整表单实例