React技巧之表单提交获取input值

2022-08-19 16:15:22 浏览数 (1)

原文链接：https://bobbyhadz.com/blog/react-get-form-input-value-on-submit[1]

作者：Borislav Hadzhiev[2]

正文从这开始~

总览

在React中，通过表单提交获得input的值：

  1. 在state变量中存储输入控件的值。
  2. 在form表单上设置onSubmit属性。
  3. 在handleSubmit函数中访问输入控件的值。
代码语言：javascript复制
import {useState} from 'react';

const App = () => {
  const [firstName, setFirstName] = useState('');
  const [lastName, setLastName] = useState('');

  const handleSubmit = event => {
    console.log('handleSubmit ran');
    event.preventDefault(); // 


	


https http 网络安全 编程算法 react 




	






	

 0 人点赞