我正在使用redux-form并设置注册表单。这些字段与其文档站点上的沙盒预览中显示的字段不同。
我尝试分别为字段和输入提供引导类名称表单组、表单控件,但这似乎是默认操作。只是底部的一条酒吧。
实际上我有一个蓝色背景,所以我需要一个完全白色的框,以便用户可以看到输入字段的灰色占位符。
我的渲染字段方法:
renderFields(){
return _.map(formFields, ({name,type,placeholder}) =>{
return(
<Field
key={name}
type= {type}
name={name}
placeholder={placeholder}
component={SignupField}
/>
);
})
和字段方法:
<div className="form-group">
<input type={type} className="form-control" {...input}
placeholder={placeholder}/>
<div className="red-text" style={{marginBottom:"30px"}}>
{touched && error}
</div>
</div>
和形式:
<form class="user-forms" onSubmit=
{this.props.handleSubmit(values=>this.submitForm(values))}>
{this.renderFields()}
<button className="btnSubmit btn btn-primary"
type="submit">Create Account
</button>
</form>
我希望每个输入都有一个框,而不是底部的行。
好的,
我正在使用引起干扰的物化css。