我正在利用 Bootstrap 网格,因此我正在创建渲染元素的组件,其中包括class
:
const Row = props => (
<div className="row" {...props}>
{props.children}
</div>
);
现在,有时我希望我的行被填充,所以我试图包装我的Row
组件:
const PaddedRow = styled(Row)`
padding: 20px;
`;
这应用了填充,但是当div
渲染时,它没有类。
Chrome 的 React 插件显示如下:
<Styled(Row)>
<Row className=".sc-cHds hQgwd">
<div className=".sc-cHds hQgwd"> // No "row" class
不能为被包装的组件保留类名吗?