React技巧之设置input值

2022-08-19 16:14:37 浏览数 (1)

原文链接:https://bobbyhadz.com/blog/react-set-input-value-on-button-click[1]

作者:Borislav Hadzhiev[2]

正文从这开始~

总览

在React中,通过按钮点击设置输入框的值:

  1. 声明一个state变量,用于跟踪输入控件的值。
  2. onClick属性添加到button元素上。
  3. button被点击时,更新state变量。
代码语言:javascript复制
import {useState} from 'react';

const App = () => {
  const [message, setMessage] = useState('');

  const handleChange = event => {
    setMessage(event.target.value);
  };

  const handleClick = event => {
    event.preventDefault();

    // 


	

0 人点赞