Я использую избыточность, чтобы скрывать и показывать компоненты на основе значения.
В документации по форме Redux упоминается следующее:
Подключение к нескольким полям следует использовать с осторожностью, так как это потребует повторной визуализации всего компонента каждый раз, когда любое из полей, к которым он подключен, изменяется. Это может быть узким местом в производительности. Если вам это абсолютно не нужно, вы должны подключаться к своим полям индивидуально с помощью .
Мне неясно, достаточно ли хорошо мое решение для скрытия и отображения полей на основе переключателей, чтобы использовать Fields
с предупреждением об использовании с осторожностью.
Не могли бы вы уточнить, заслуживает ли мой компонент достаточных оснований для использования Fields
. Если нет, то каков альтернативный способ реализации?
Кроме того, как fields
реализует проверки?
<div>
<form>
<Fields
component={RadioButtonGroupField}
names={['radioButtonGroup', 'nameTextField', 'nickNameTextField']}
/>
</ form>
</div>
function RadioButtonGroupField(fields) {
return(
<div>
<RadioButtonGroupComponent
{...fields.radioButtonGroup.input}
{...fields.radioButtonGroup.meta}
/>
{
(fields.radioButtonGroup.input.value === 'name' ||
fields.radioButtonGroup.input.value === 'both') &&
<NameTextFieldComponent
{...fields.radioButtonGroup.input}
{...fields.radioButtonGroup.meta}
/>
}
{
(fields.radioButtonGroup.input.value === 'nickname' ||
fields.radioButtonGroup.input.value === 'both') &&
<NicknameTextFieldComponent
{...fields.radioButtonGroup.input}
{...fields.radioButtonGroup.meta}
/>
}
</div>
);
}