how to add element as title in tree for reactjs

Question

Hi I am using this ( http://react-component.github.io/tree/examples/dynamic.html ) example to create a dynamic tree. I am new to reactJS. In the Api description it is mentioned that we can use string/element as title. In this example string is used as treenode, I want to use element as a treenode because i want to display more information with the title name. Can anyone help me out where to start with or where to add element code so it will display for all the parent and child node.

Thanks in advance.

Mohit · Accepted Answer · 2016-07-20 10:13:07Z

2

In the render() function in place of return <TreeNode title={item.name} key={item.key}>{loop(item.children)}</TreeNode>; You can use <TreeNode className="data-loop" title={myElement(item.name,item.address,item.age)} key={item.key}>{loop(item.children)}</TreeNode> and define your 'myElement' like

var myElement =(name,address,age) =>{
      return (
        <span>
          Name: {name} <br/>
          address:{address} <br/>
          Age: {age}
          </span>

        )
    }

answered Jul 20, 2016 at 10:13

Mohit

1,2152 gold badges12 silver badges25 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

how to add element as title in tree for reactjs

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related