Для моего проекта «Реакция» я использую реактивную ленту для придания стиля моей форме, но я хочу превратить ее в форму с избыточностью. Есть ли способ сохранить стиль и по-прежнему работать без превращения входных данных в
Вот мой текущий код:
<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"
/>