Lors de l'utilisation de form in antd pour faire écho ou ajouter des données de formulaire, l'espace réservé de select ne s'affiche pas
L'exemple suivant : lors de l'ajout d'une nouvelle adresse, l'adresse par défaut est vide "" ou nulle, ce qui n'est pas facile à utiliser
<FormItem
label="所属网点"
{...formItemLayout}
>
{getFieldDecorator("bankId", {
initialValue: this.props.type=== "edit" ? this.props.data.bank.id : "",
rules: [{ required: true, message: "请选择所属网点!" }],
})(
<Select
placeholder="请选择所属地点">
{
branchArr.map(v => {
return (
<Select.Option
value={v.id}
key={v.id}
>
{v.branchName}
</Select.Option>
)
})
}
</Select>
)}
</FormItem>
Voici l'essentiel, lorsque la valeur initiale de select dans le formulaire est vide, utilisez undefined
Changez-le comme suit et tout ira bien
valeur initiale : this.props.isTrue ? this.props.data.bank.id : indéfini,
Notez que les dates liées à datePicker dans le formulaire sont vides et que la valeur initiale doit être nulle