title: How to load and open programmatically tree nodes using React and antd Tree?
body: <p>My tree is made with React and I use the Ant Design Tree that loads data asynchronously.<br />
  I have a search input at the top of the tree and, when the user search something, I want to load and open the first result of the search after that I queried the database and I find the paths of the nodes. I didn't find native functions in antd.
  <br /><br />
  This is my tree (the same as <a href="https://ant.design/components/tree/" rel="nofollow noreferrer">https://ant.design/components/tree/</a>)</p>
  
  <pre><code>&lt;Tree
     loadData={this.onLoadData}
     showLine
     onExpand={this.onExpand}
     expandedKeys={expandedKeys}
  &gt;
      {this.renderTreeNodes(this.state.treeData)}
  &lt;/Tree&gt;
  </code></pre>
  
  <p>And my <code>renderTreeNode</code> function</p>
  
  <pre><code>renderTreeNodes = (data) =&gt; {
      return data.map((item) =&gt; {
          if (item.children) {
              return (
                  &lt;TreeNode
                      title={&lt;Nodo item={item} openNode={this.openNode} /&gt;}
                      key={item.key}
                      dataRef={item}
                  &gt;
                      {this.renderTreeNodes(item.children)}
                  &lt;/TreeNode&gt;
              );
          }
          return &lt;TreeNode
              {...item}
              title={&lt;Nodo item={item} openNode={this.openNode} /&gt;}
              key={item.key}
              dataRef={item}
          /&gt;;
      });
  }
  </code></pre>
  
  <p><br /></p>
  
  <p>How can I achieve this?</p>