Méthode pour effacer la valeur sélectionnée de ComboBox dans HeadlessUI
P粉464088437
P粉464088437 2023-09-09 20:20:36
0
1
431

J'essaie d'effacer l'option sélectionnée chaque fois que l'utilisateur ouvre la liste déroulante.

Actuellement, lorsque je sélectionne une option et que j'ouvre à nouveau la liste déroulante, l'option précédemment sélectionnée reste sélectionnée.

J'ai changé l'attribut nullable en true mais cela n'a pas fonctionné.

Voici le code : https://codesandbox.io/s/clever-chaum-94xsng?file=/src/FilterDropdown.js

P粉464088437
P粉464088437

répondre à tous(1)
P粉395056196

Vous pouvez essayer d'utiliser l'attribut open dans la fonction de rendu. Il nous indique si la liste déroulante est ouverte. J'ai fait un exemple très simple.

<Combobox value={selected} onChange={setSelected} nullable>
  {/* 我使用渲染函数中的open值将值设置为null。当它打开时,值会被清空。 */}
  {({ open }) => {
    setIsOpen(open);
    if (open) {
      setSelected(null);
    }

Voici le code complet. Essaie.

Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!