@emotion/styled / styled-components创建带有样式的 React 组件
一、安装依赖
npm install @emotion/styled styled-components二、使用
import styled from '@emotion/styled';
import styled from 'styled-components';
// 创建一个带样式的按钮
const StyledButton = styled.button`
background-color: #4caf50;
color: white;
padding: 10px 20px;
border: none;
border-radius: 5px;
cursor: pointer;
font-size: 16px;
&:hover {
background-color: #45a049;
}
`;
// 使用这个按钮
function App() {
return <StyledButton>点击我</StyledButton>;
}
export default App;