如何使用react中的函数更改范围输入描述

import React, { useState } from 'react';

function MyComponent() {
  const [description, setDescription] = useState('');

  // ...

  return (
    // JSX code
  );
}

<input type="text" value={description} />

function handleDescriptionChange(event) {
  setDescription(event.target.value);
}

<input type="text" value={description} onChange={handleDescriptionChange} />

import React, { useState } from 'react';

function MyComponent() {
  const [description, setDescription] = useState('');

  function handleDescriptionChange(event) {
    setDescription(event.target.value);
  }

  return (
    <div>
      <input type="text" value={description} onChange={handleDescriptionChange} />
    </div>
  );
}