如何将样式对象转发到样式组件

Question

想象一下我创建了一个反应组件

用户可以使用它，但我想允许用户向它传递一个典型的样式对象：

<Text style={{color:"red",borderRadius:10}}/>

现在假设这个Text组件在内部使用样式的组件

// Inside Text Component render method
...
return (
<TextContainerStyled {...props.style}> 

TextContainerStyled是一个样式化组件。如何将用户提供给Text组件的样式对象转发给TextContainerStyled？

Answer 1

根据您所写的内容，我认为您需要这样的实现

const TextContainerStyled = styled.div``
const Text = (props)=>{
return (
<TextContainerStyled style={props.style}>
{/* Other children here */}
</TextContainerStyled/>
)
}

然而，如果您也想将Text引用转发到TextContainer，则这不会转发引用。你可能需要在这里阅读