禁用 React JS 中的按钮

Question

这是禁用按钮的代码。我不明白为什么按钮没有被禁用。请帮我找出哪里出错了。

import { useState } from 'react';

const App = () => {
  const [value, setValue] = useState('');

  const handleDisable = (e) => {
    setValue(e.target.value);
  };

  return (
    <div className='App'>
      <h1>Hello CodeSandbox</h1>
      <h3> Disable Button</h3>
      <input type='text' onChange={handleDisable} value={value} />
      <button disabled={value.length < 1}>
        Submit
      </button>
    </div>
  );
};

export default App;

Answer 1

尝试检查

Answer 2

谢谢你们的cmets。花了很多时间后，我发现它在 Safari 上不起作用。