如何使用react创建带有必需标志的通用输入元素

Question

我正在遍历数组以创建html输入元素？如何指定该组件是否是必需的（通常）？

以下是列表：

formInputs: [
  {
    name: 'title',
    type: 'text',
  },
  {
    name: 'first_name',
    type: 'text',
    required: true
  }
]

这是构建/返回元素的函数： ...

{formInputs.map(o => this.renderInput(o))}

renderInput = input => {
return (
 <FormInput
  name={input.name}
  type={input.type}
  onChange={this.handleChange}
  value={this.state.formValues[input.name]}
  required={input.required}
 />
 )
}

required属性设置不正确

Answer 1

为所有对象提供required键，并将其保留false。

formInputs：[   {     名称：“ title”，     类型：“文字”，     必填：false   }，   {     名称：“ first_name”，     类型：“文字”，     必填：true   } ]