Antd multiple select supprimer les valeurs qui ne sont plus dans la liste d'options

Question

J'ai 2 sélections, marques de voitures et modèles de voitures. La liste des modèles dépend des marques sélectionnées par l'utilisateur.

Lorsque l'utilisateur supprime une marque, je mets à jour la liste d'options pour les modèles, mais les valeurs sélectionnées demeurent même si elles ne figurent plus dans la liste des options.

Est-il possible de les supprimer automatiquement?

Answer 1

Vous devez mettre à jour la valeur du modèle au premier élément du nouveau tableau de modèles.

quelque chose comme:

handleModelRemove = (value) => { 
    // handle remove logic... 
    this.setState({ 
     brand: selectedBrand, 
     selectedModel: selectedBrand.models[0], 
    }); 
    } 

<Select value={this.state.selectedModel}> 
      {modelOptions} 
     </Select> 

Vous devrez un peu de code pour une meilleure aide.