问Next.JS图像作为对象返回图像src

EN

import image from '../public/image/state=user=default.svg'

  const formInputs = [
    {
      type: 'email',
      placeholder: t.LOGIN_ADDRESS,
      src: test,
      name: 'email',
    },
    {
      type: 'password',
      placeholder: t.LOGIN_PASSWORD,
      src: test,
      name: 'password',
    },
  ];

<FormikForm fields={formInputs} />

export const FormikForm = ({ fields }) => {
  return (
    <div>
      {fields &&
        fields.map((field) => (
          <div className="mb-4" key={field.name}>
              <label htmlFor={field.name} className="text-xs">
                {field.label}
                          <Field
        name={field.name}
        type={field.type}
        placeholder={
          <Image src={require(field.src.src)} width={12} height={12} alt={field.name} />
        }
      />
              </label>
          </div>
        ))}
    </div>
  );
};