将组件渲染为道具的问题

Question

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

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

但是我不能按预期实现它。我希望将其实现如下：

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

Sider是另一个React组件。

但是，当我这样做时，我的Sider组件无法呈现。

我只能让它像这样工作：

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

如何更新我的Layout组件，以便可以实现sider={Sider}而不是sider={<Sider />}？

Answer 1

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

cat /proc/cpuinfo | grep "model name"

Answer 2

另一种解决方法是使用React.createElement()

示例：

sed -i "s/\$env/$env_details/g" "$filename"