在reactjs中验证文本区域

<form>
  <textarea required />
  <button type="submit">提交</button>
</form>

import React, { useState } from 'react';

const MyForm = () => {
  const [text, setText] = useState('');
  const [error, setError] = useState('');

  const validateTextarea = () => {
    if (text.length < 10) {
      setError('文本长度不能少于10个字符');
    } else {
      setError('');
    }
  };

  return (
    <div>
      <textarea value={text} onChange={(e) => setText(e.target.value)} onBlur={validateTextarea} />
      {error && <p>{error}</p>}
      <button type="submit">提交</button>
    </div>
  );
};

export default MyForm;