Reactjs 使用React.cloneElement时如何将道具传递给样式化组件

我有一个包装器组件和许多嵌套组件。我正在将一个新的prop

topMargin

传递给带有

React.cloneElement

的嵌套组件，但是

样式化组件似乎完全忽略了它们

在本例中，我将道具记录在
样式晚餐
和
内部
中。由此产生的道具是完全不同的。我错过了什么

示例如下：

在

您的
internal
组件接收topMargin道具，但随后它们不会将道具传递给
styleDiner

const Inner = props => {
  console.log(props)
  return <StyledInner topMargin={props.topMargin}>{props.children}</StyledInner>
}

const-Inner=props=>{
控制台日志（道具）
返回{props.children}
}
您的
内部
组件接收topMargin道具，但随后它们不会将道具传递给
样式晚餐

const Inner = props => {
  console.log(props)
  return <StyledInner topMargin={props.topMargin}>{props.children}</StyledInner>
}

const-Inner=props=>{
控制台日志（道具）
返回{props.children}
}
我承认我现在感觉很沮丧。谢谢。我承认我现在感觉很沮丧。非常感谢。
{
  children: "Here too.", 
  forwardedComponent: Object, 
  forwardedRef: null, 
  theme: Object
}

const Inner = props => {
  console.log(props)
  return <StyledInner topMargin={props.topMargin}>{props.children}</StyledInner>
}