如何在树中为 reactjs 添加元素作为标题

Question

您好，我正在使用这个 (http://react-component.github.io/tree/examples/dynamic.html) 示例来创建动态树。我是 reactJS 的新手。在 Api 描述中提到我们可以使用 string/element 作为标题。在此示例中，字符串用作树节点，我想将元素用作树节点，因为我想显示带有标题名称的更多信息。任何人都可以帮我从哪里开始或在哪里添加元素代码，以便它显示所有 parent 和 child 节点。

提前致谢。

Answer 1

在 render() 函数中代替 return <TreeNode title={item.name} key={item.key}>{loop(item.children)}</TreeNode>; 您可以使用 <TreeNode className="data-loop" title={myElement(item.name,item.address,item.age)} key={item.key}>{loop(item.children)}</TreeNode> 并像

一样定义您的 'myElement'

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

        )
    }

如何在树中为 reactjs 添加元素作为标题

how to add element as title in tree for reactjs

tree

reactjs