在react原生中输入一些输入值后禁用文本输入

import React, { useState } from 'react';

function App() {
  const [inputValue, setInputValue] = useState('');
  const [isDisabled, setIsDisabled] = useState(false);

  const handleInputChange = (e) => {
    setInputValue(e.target.value);
  };

  const handleDisableInput = () => {
    setIsDisabled(true);
  };

  return (
    <div>
      <input
        type="text"
        value={inputValue}
        onChange={handleInputChange}
        disabled={isDisabled}
      />
      <button onClick={handleDisableInput}>禁用输入</button>
    </div>
  );
}

export default App;