reactjs - @atlaskit/tree 和 React，将引用正确转发到子组件

Question

我正在尝试用自定义组件替换@atlaskit/tree示例中的简单渲染项，但我遇到了各种问题，主要是因为我不知道如何将引用正确转发到组件。

有人可以向我解释如何正确实现这一目标。他们已经为我提供了一个带有其他道具的 innerRef，但我很难理解如何使用它。

renderItem = ({ item, onExpand, onCollapse, provided }) => {
return (
   //<MenuItem
   // ref={provided.innerRef}
   // {...provided.draggableProps}
   // {...provided.dragHandleProps}
  />
   <div
     ref={provided.innerRef}
     {...provided.draggableProps}
     {...provided.dragHandleProps}
   >
     <span>{getIcon(item, onExpand, onCollapse)}</span>
     <span>{item.data ? item.data.menuName : ""}</span>
   </div>
 );
};

我在这里有一个问题的沙盒：https ://codesandbox.io/s/hopeful-tdd-75n1v