react-component / react-component/tree

Code From basic.jsx is showing up as an <ul> of <li> items?

Open
#329 1 comment 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
TypeScript
Stars
1.3k
Forks
490
Avg merge
3d 17h
Merged PRs (30d)
5

Description

Hello,

I am interested in the basic example. I have copied the code for that verbatim and there doesn't seem to be any issues with the rc-tree library, but this isn't rendering in the nice folder tree structure like it should. When I inspect the elements, for some reason there's like an un-ordered list of list items? I just don't know why. I'm not entirely sure how to dissect this.

It looks like the following.
image

In the image, you can see how for some reason this is being rendered as a list element, and I suspect that why the pretty tree structure isn't happening. Any help would be great.

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start by reproducing the rendering problem from basic.jsx and inspect the resulting DOM against the expected folder-tree presentation. Identify why the example produces an unordered list of list items; done means the basic example renders as the intended tree structure.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript, react
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.