@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;