No puedo establecer el valor predeterminado para la selección múltiple dentro del formulario.

Caso de uso: he creado un componente de reacción que representa una selección con algunos accesorios predeterminados que necesito en cada forma. Ahora quiero establecer el valor predeterminado para esa selección desde el valor predeterminado de valor de selección en lugar de pasar initialValues a cada formulario.

Mi componente de reacción se ve así:

 import React, { Component } from 'react'; import { Form, Select } from 'antd'; class FormSelect extends Component { render() { const {name, label, rules, onSelect, disabled, options, mode} = this.props; let defaultValue; if (mode === 'tags' || mode === 'multiple'){ defaultValue = []; } return ( {amp}lt;Form.Item hasFeedback name={name} label={label} rules={rules} {amp}gt; {amp}lt;Select showSearch mode={mode} tokenSeparators={[',']} defaultValue={defaultValue} onSelect={onSelect} disabled={disabled} {amp}gt; { options.map((op) ={amp}gt; ( {amp}lt;Select.Option key={op.value} value={op.value} label={op.label}{amp}gt; {op.label} {amp}lt;/Select.Option{amp}gt; )) } {amp}lt;/Select{amp}gt; {amp}lt;/Form.Item{amp}gt; ); } } export default FormSelect; 
Piyush Kakkar

es un nuevo contribuyente a este sitio. Tenga cuidado al pedir aclaraciones, comentarios y respuestas. Mira nuestro

Código de Conducta

.

Si respondo bien a su pregunta, debe hacer algo como esto en la devolución de llamada de options.map() :

 {amp}lt;Select.Option selected={op.value === this.props.defaultValue ? true : false} key={op.value} value={op.value} label={op.label}{amp}gt; {op.label} {amp}lt;/Select.Option{amp}gt; 

Explicación: Si el op.value de op.value de una opción es igual al op.value defaultValue pasado como accesorios, esa opción se seleccionará de manera predeterminada.

React es lo suficientemente inteligente como para saber si agregar el atributo selected a una opción en particular o no en función de que su valor sea true o false .