node.js - Redux-Form 字段仅出现在输入底部的一行而不是框。有没有办法拿到盒子?
问题描述
我正在使用 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。
推荐阅读
- multithreading - 如何在 Xamarin.Forms 应用程序中管理多线程?有哪些方法可以确保其得到妥善管理
- kubernetes - Horizontal Pod Autoscale 无法读取指标
- python - 损失函数正在减少,但度量函数保持不变?
- angular - 将角度核心和角度 cli 从 v5.1 更新到 v7.2 后出现错误
- ios - 无法在 iPad 上从 Uint16Array 创建 HALF_FLOAT_OES 纹理
- typescript - 如何获取量角器中所有元素的文本并将其与我的预期文本进行比较?
- linear-regression - 模型参数初始化
- javascript - Create-React-App2 是否适合更大的应用程序?
- reactjs - 将函数传递给子组件的奇怪结果
- python - 根据 pandas DataFrame 中的另一列填充缺失值