reactjs中的空格验证

import React, { useState } from 'react';

function MyComponent() {
  const [inputValue, setInputValue] = useState('');
  const [isValid, setIsValid] = useState(true);

  // 其他组件代码...

  return (
    <div>
      <input
        type="text"
        value={inputValue}
        onChange={(e) => setInputValue(e.target.value)}
      />
      <button onClick={validateInput}>验证</button>
      {!isValid && <p>输入不能为空格</p>}
    </div>
  );
}

function validateInput() {
  if (inputValue.trim() === '') {
    setIsValid(false);
  } else {
    setIsValid(true);
  }
}