将event.target.value作为参数发送到已调度的操作

async function handleInput(event) {
  const value = event.target.value;
  await someAsyncOperation(value);
}

function handleInput(event) {
  if (event.target.tagName === 'INPUT') {
    const value = event.target.value;
    // 进行后续操作
  }
}

import { useState } from 'react';

function MyComponent() {
  const [value, setValue] = useState('');

  function handleInput(event) {
    setValue(event.target.value);
  }

  // 使用value进行后续操作
}

import React, { useState } from 'react';

function MyForm() {
  const [inputValue, setInputValue] = useState('');

  const handleSubmit = (event) => {
    event.preventDefault();
    console.log('Submitted value:', inputValue);
    // 进行后续操作，如发送到服务器
  };

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

  return (
    <form onSubmit={handleSubmit}>
      <input type="text" value={inputValue} onChange={handleChange} />
      <button type="submit">Submit</button>
    </form>
  );
}

export default MyForm;