cuốn sách gpt4 ai đã làm

css - Styled-components:插值函数或 component.extend?

In lại Tác giả: Walker 123 更新时间:2023-11-28 02:42:07 29 4
mua khóa gpt4 Nike

在 styled-component 中,您如何决定是应该使用插值函数来修改组件(通过传递 props )还是扩展现有组件。例如:

const Button = styled.button`
color: palevioletred;
cỡ chữ: 1em;
margin: 1em;
padding: 0.25em 1em;
border: 2px solid palevioletred;
border-radius: 3px;
`;

// We're extending Button with some extra styles
const TomatoButton = Button.extend`
color: tomato;
border-color: tomato;
`;

render(


Tomato Button

);

我们也可以使用插值函数。您如何在两者之间做出选择?

câu trả lời hay nhất

不同的是,通过传递 props 我们可以在其他情况下使用它,但是如果使用 extends 我们只是将它用作新组件的额外样式,例如继承。示例:对于导航菜单,如果有事件菜单,则不需要使用扩展。只需使用 props 的事件类即可。因此您无需扩展或制作新组件。

关于css - Styled-components:插值函数或 component.extend?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47109479/

29 4 0
Chứng chỉ ICP Bắc Kinh số 000000
Hợp tác quảng cáo: 1813099741@qq.com 6ren.com
Xem sitemap của VNExpress