反应从父包装传递道具到子答案

【问题标题】：React pass props from parent wrapper to child反应从父包装传递道具到子
【发布时间】：2020-02-13 09:38:17
【问题描述】：

我需要将 props 从包装器传递给子组件

有这样的结构：

CabinetBlockContainer.jsx

smallChild.jsx

现在我的 smallChild.jsx 看起来像：

return (
    <CabinetBlockContainer>
      <div className={props.className}>
        <Typography variant="h6" color="primary">
          {props.title}
        </Typography>
        <Typography variant="caption">{props.subtitle}</Typography>
      </div>
      <BalanceSmallBlock balance="1254.51" needIcon={props.needIcon} />
    </CabinetBlockContainer>
  );

我的容器看起来像：

 return (
    <div className={props.className}>
      <div className="block-wrapper" >

      </div>
    </div>
  );
})

我的积木有很多样式，这就是我创建包装器（CabinetBlockContainer）的原因。我需要将来自 CabinetBlockContainer 的道具传递给它的子组件。我真的不知道这是最佳做法，但似乎很正常。

我试图在文档中找到如何传递这样的道具，但有任何解决方案。

【问题讨论】：

标签： javascript reactjs styled-components

【解决方案1】：

在你的包装器中使用{props.children}，看起来你想做类似this的事情。

【讨论】：

谢谢，这正是我要找的东西。谢谢！找到其他解决方案 export const CabinetBlockContainer = styled.div`` 哪个变种更好？

【解决方案2】：

您可以在使用新道具克隆时将道具传递给孩子

为了更好地理解 props 和 state 是如何工作的，请参考this

这是以前在SO 上回答的相同问题的示例

【讨论】：