react给元素添加新的子元素

Question

我想给某个父组件添加新的子元素，Prent是一个高度封装的父组件，当前已经获取到父组件的ref

parentRef = XXXXXXXXXXXXXXXXXXXX;

<Parent ref={parentRef}>
    <div id="1"></div>
</Parent>

请问react有没有什么办法，通过这个ref，能够实现在id为1的div后再添加一个一样的div元素呢？

<Parent ref={parentRef}>
    <div id="1"></div>
    <div id="2"></div>
</Parent>

Answer 1

找到 parent 的实际 element, 直接 appendChild

Answer 2

当真不了解一下render props？