低代码
动态表单

// ❌ 传统方式：手写每一个表单项
function UserForm() {
  const [name, setName] = useState('');
  const [age, setAge] = useState('');
  const [errors, setErrors] = useState({});

  const validate = () => {
    const errs = {};
    if (!name) errs.name = '必填';
    if (name.length > 20) errs.name = '太长';
    if (isNaN(age)) errs.age = '需为数字';
    if (age < 0 || age > 150) errs.age = '范围';
    // ... 每个字段逐一编写
    setErrors(errs);
    return Object.keys(errs).length === 0;
  };

  return (
    <form>
      <input value={name} onChange={...} />
      {errors.name && <span>{errors.name}</span>}
      <input value={age} onChange={...} />
      {errors.age && <span>{errors.age}</span>}
    </form>
  );
}