reactjs - 输入字段数据数组无法在 REACT 中设置所需选项

Question

export const InputData = [
    {
        id: "email",
        name: "email",
        type: "email",
        classname: "w-full p-3 text-sm border-2 border-gray-300 focus:border-primary-600 placeholder-gray-500 rounded-md focus:outline-none",
        placeholder: "Email",
        required: "required"
    }
]

...

{InputData.map((item) => {
    return <input
        id={item.id}
        name={item.name}
        type={item.type}
        className={item.classname}
        placeholder={item.placeholder}
        required ={item.required}
    />
}
)}

我正在尝试创建一个输入字段数组，但我不知道如何在数组上创建必填字段但给我一个错误，有人可以帮助我吗？

标签： reactjs

Answer 1

用这个：

export const InputData = [{
  id: "email",
  name: "email",
  type: "email",
  classname: "w-full p-3 text-sm border-2 border-gray-300 focus:border-primary-600 placeholder-gray-500 rounded-md focus:outline-none",
  placeholder: "Email",
  required: true
}]