redux - validaciones - validar campos en react

Componente de campos de formulario de Redux y validación

Question

Estoy usando el redux para ocultar y mostrar componentes basados ​​en un valor.

La documentación del formulario de Redux menciona lo siguiente:

La conexión a múltiples campos se debe usar con moderación, ya que requerirá que todo el componente se vuelva a renderizar cada vez que cambie alguno de los campos a los que está conectado. Esto puede ser un cuello de botella de rendimiento. A menos que sea absolutamente necesario, debe conectarse a sus campos individualmente con.

No estoy seguro de si mi solución para ocultar y mostrar campos basados ​​en botones de opción es lo suficientemente buena como para usar Fields den la advertencia de usar con moderación.

¿Puede aclarar si mi componente merece razones suficientes para usar Fields ? Si no, ¿cuál es una forma alternativa de implementar?

Además, ¿cómo implementan los fields las validaciones?

<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>
);
}

Answer 1

Hay otra manera de hacerlo, seleccionando el valor específico usando los selectores de forma reducida ( http://redux-form.com/6.0.5/docs/api/Selectors.md/ ) desde la tienda redux en su mapStateToProps y luego, renderizando condicionalmente ciertos componentes.

Sin embargo, creo que Fields es exactamente lo que deberías usar en esta circunstancia. Creo que esa advertencia es en gran medida para advertir a la gente que no vaya y ponga su forma completa en Fields, tener esos 3 campos de rerender no es gran cosa.

El proceso de pensamiento que condujo a la creación de Fields en primer lugar es probablemente la mejor manera de manejar esto: https://github.com/erikras/redux-form/issues/841