Я использую избыточную форму.Здесь я меняю поле ввода в соответствии с выбранным типом поля.Этот код работает для всех типов ожидаемых чисел.Я получаю все типы внутри этого условия (дата, число и строка).
<div className="form-group">
{fields.get(index).criteria ? (
<div>
{fields.get(index).criteria.type === 'date'
? (
<DatePickerBox
name={`${member}.value`}
label="Select Date"
value={fields.get(index).value}
/>
) : (
<Input
name={`${member}.value`}
type={`${member}.value`}
label="Value"
/>
)
}
</div>
) : (
<Input
name={`${member}.value`}
type={`${member}.value`}
label="Value"
/>
)}
</div>
Всякий раз, когда я переключаюсь на дату или тип строки, элемент рендеринга меняется отлично, нокогда я выбираю числовой тип, элемент рендеринга не изменяется на вход.
Может кто-нибудь помочь мне с этим?