Reactjs 将组件渲染为道具时出现问题

我有一个布局组件，其作用如下：

const Layout = ({ children, sider }) => (
  <div>
    <div>{sider}</div>
    {children}
  </div>
)

<Layout sider={Sider}>
  Body Content Here
</Layout>

---

如何更新我的

布局

组件，以便实现

sider={sider}

而不是

sider={}

？

您的第二种方法是正确的，但是如果您仍然想这样做，请这样做

const布局=（{children，sider:sider}）=>(
{儿童}
)

另一种处理方法是使用

例如：

const Layout = ({ children, sider }) => (
  <div>
    <div>{React.createElement(sider)}</div>
    {children}
  </div>
)

const布局=（{children，sider}）=>(
{React.createElement（sider）}
{儿童}
)

我知道这是一个适得其反的问题，但在奇怪的情况下，我想在其中添加一个带有道具的组件，是否可以执行类似于

sider={（）=>}

的操作？

sider={（）=>}

与原始问题相同。

const Layout = ({ children, sider }) => (
  <div>
    <div>{React.createElement(sider)}</div>
    {children}
  </div>
)