Hacktoberfest 2026 : les issues que les mainteneurs ont marquées pour octobre, ouvertes et accessibles aux débutants. Parcourir les issues Hacktoberfest

Dropdown not rendering

Ouverte
#422 5 commentaires 0 réactions 0 personnes assignées Voir sur GitHub

Personne n'a encore pris cette issue.

Évaluation

Difficulté
3/5
Temps estimé
1-2 jours
Accessibilité débutants
35/100
Type d'issue
Bug
Clarté
À clarifier
Activité
À l'abandon
Stack technique
javascript, react
Domaine
frontend

Piste de recherche

Commencez par reproduire l’exemple App fourni en utilisant l’import TreeSelect, treeData, style et placeholder indiqués, puis comparez le rendu avec la capture d’écran jointe. Le travail est considéré comme terminé lorsqu’il est déterminé si l’apparence du dropdown est due à la configuration signalée ou à un bug du composant, les détails manquants de l’environnement et de la reproduction étant documentés.

Rédigé par le modèle d'indexation à partir du texte de l'issue.

Description

Hi TreeSelect is not rendering properly despite importing all the styles. Below is my code

import 'rc-tree-select/assets/index.less';
import TreeSelect from 'rc-tree-select';

function App() {

  const data = [{
    label: 'search me',
    value: 'searchme',

  }]
  return (

    <div>
      Tree select demo
      <TreeSelect treeData={data} style={{ width: '300px' }} placeholder="select" />
    </div>
  );
}

export default App;

Dropdown is not rendering correctly as can be seen from the attached screenshot. Am I missing something here or is it a bug. Please let me know
200365995-6586f7e6-b60f-42d7-86b3-57c6ef8cf549

Langage dominant
TypeScript
Étoiles
312
Forks
204
Merge moyen
37 min
PR mergées (30 j)
1

Préparer son environnement

Nous n'avons pas encore vérifié les fichiers d'installation de ce projet. Commencez par son README, et consultez notre guide de la première contribution pour les étapes générales.

Par où commencer

  1. Lisez l'issue en entier, puis le guide de contribution du projet.
  2. Signalez en commentaire que vous la prenez — cela évite que deux personnes fassent le même travail.
  3. Forkez le dépôt et travaillez sur une branche.
  4. Ouvrez une pull request qui référence le numéro de l'issue.

Autres issues de react-component/tree-select

Toutes les issues de react-component/tree-select

Issues similaires

Plus d'issues TypeScript

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.