如何使用切换大小写或其他方式在React本机中使用更少的代码进行验证？

import React, { useState } from 'react';

function ValidationComponent() {
  const [validationType, setValidationType] = useState('lowercase');

  // 其他组件代码...

  return (
    <div>
      {/* 切换验证方式的按钮 */}
      <button onClick={() => setValidationType('lowercase')}>
        切换为小写验证
      </button>
      <button onClick={() => setValidationType('uppercase')}>
        切换为大写验证
      </button>

      {/* 根据验证方式渲染不同的验证逻辑 */}
      {validationType === 'lowercase' && (
        <input
          type="text"
          value={inputValue}
          onChange={(e) => setInputValue(e.target.value.toLowerCase())}
        />
      )}
      {validationType === 'uppercase' && (
        <input
          type="text"
          value={inputValue}
          onChange={(e) => setInputValue(e.target.value.toUpperCase())}
        />
      )}

      {/* 其他组件代码... */}
    </div>
  );
}

export default ValidationComponent;