react-tunnels:React在组件树中其他位置的占位符中渲染React组件

React隧道 :metro: 在放置在组件树中其他位置的占位符中渲染React组件。 安装 yarn add react-tunnels 为什么 在React应用程序中有一个常见的用例，您需要定义一个Layout ，其中某些元素的内容由children组件定义。 例如，您只想定义一次Layout ，然后在每个页面上重用它，但是它有一个面包屑，其步骤取决于children组件。 这个微型库允许您定义隧道，以从一个元素渲染到App中的其他任何元素，甚至位于树顶部的元素。 就像Portal但是目标是组件而不是DOM元素。 用法 定义由id标识的TunnelPlaceholder ，并通过在应用程序中的其他任何地方定义具有相同ID的Tunnel组件来决定将哪些属性传递给其render函数。 如果仅定义一个Tunnel其props将直接传递给render函数；如果单个id有多个Tunnel ，则占位符ren