使用react-hook-form将输入框中的值从字符串转换为数组

import React from 'react';
import { useForm } from 'react-hook-form';

function MyForm() {
  const { register, handleSubmit, formState: { errors } } = useForm();

  const onSubmit = data => {
    console.log(data.valuesArray); // 输出: ['value1', 'value2', 'value3']
  };

  return (
    <form onSubmit={handleSubmit(onSubmit)}>
      <input
        {...register('values', {
          required: 'This field is required',
          transform: (value) => {
            if (!value) return [];
            return value.split(',').map(item => item.trim());
          }
        })}
        placeholder="Enter comma-separated values"
      />
      {errors.values && <p>{errors.values.message}</p>}
      <button type="submit">Submit</button>
    </form>
  );
}

export default MyForm;

transform: (value) => {
  if (!value) return [];
  return value.split(',').map(item => item.trim());
}

transform: (value) => {
  if (!value) return [];
  return value.split(',').map(item => item.trim());
}