如何在LI（任意）DOM元素中添加/附加React元素？

Question

我正在使用React创建一个文件系统应用程序，我是React的新手。 我想在点击时动态创建树视图。 每次单击都会调用API调用，并根据其响应我使用map fucntion创建JSX元素;

这是用于创建元素的JS代码：

           (key).map((child, index) => { return <li key={index}
                onClick={(e) => { this.onClickHandler(child); this.expandList(key, e) }}>
                {child.type === 'DIR' ? <FolderIcon className="icon-class"></FolderIcon> :
                    <InsertDriveFile className="icon-class"></InsertDriveFile>}
                <a href="#">{child.name}</a>
                <ul className="u-padding-left-12">

                </ul>
            </li>
        })
    }

我希望将此元素附加到LI中。 谁可以帮我这个事。 谢谢！