javascript - 在 Redux Form 中保留旧的表单样式?
问题描述
对于我的 react 项目,我使用 reactstrap 来设置我的表单样式,但我想把它变成一个 redux 表单。有没有办法保持样式并且仍然可以工作而无需将输入转换为
这是我当前的代码:
<FormGroup row>
<Col sm={6}>
<Input label="sitName" component={renderField} type="text" name="siteName" id="siteName" placeholder={placeholders.siteName}/>
</Col>
<Col sm={6}>
<Input className="form-control" type="select" id="counties">
<option className="selectDefault" disabled value={placeholders.siteCounties} selected>{placeholders.siteCounty}</option>
{ counties.map(c => (<option key={c.value} value={c.value}>{c.display}</option>))}
</Input>
</Col>
</FormGroup>
<FormGroup row>
<Col sm={12}>
<Input type="textarea" name="siteAddress" placeholder={placeholders.siteAdd} id="siteAddress" />
</Col>
</FormGroup>
<FormGroup row>
<Col sm={6}>
<Input type="email" name="siteEmail" id="siteEmail" placeholder={placeholders.email} />
</Col>
<Col sm={6}>
<Input type="tel" name="siteNumber" id="siteNumber" placeholder={placeholders.number}/>
</Col>
</FormGroup>
为了让它工作,它必须是这样的:
<Field
name="siteName"
type="text"
component={renderField}
label="Site Name"
/>
解决方案
推荐阅读
- tcp - TCP 和 TLS 可以同时使用同一个端口号吗?
- ruby-on-rails - 在 express 应用程序中验证由 rails 生成的 CSRF 令牌
- python-3.x - 在python中将时间序列转换为日期时间格式
- vb.net - 单击 vb.net 中的单选按钮时更改按钮的背景颜色
- angular - 添加元素时如何滚动到 NgFor 中的元素底部?
- java - 如何将 HostApduService 保留为 Android 上的后台服务
- rust - 比较 RefCell 中包含的值
- javascript - 如何在 Wordpress 上延迟嵌入 YouTube 视频的 javascript?
- python - 我需要使用 Python 登录 Goodreads
- python - 从单个 2D 视频重建飞行物体的 3D 轨迹