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



![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)


Пожалуйста, добавьте свой код.