在React中，可以使用Styled Components库进行样式组件化设计。这个库允许开发者使用CSS-in-JS的方式来定义样式，并将这些样式与React组件绑定在一起。
要使用Styled Components，需要先安装它并将其导入到项目中。然后，就可以创建一个样式组件了。这可以通过创建一个普通的React组件，并使用styled.<HTML元素名称> API来定义对应的样式。例如：
import styled from 'styled-components';
const Button = styled.button`
background-color: ${props => props.primary ? 'blue' : 'white'};
color: ${props => props.primary ? 'white' : 'black'};
font-size: 1em;
padding: 0.25em 1em;
border: 2px solid blue;
border-radius: 3px;
`;上面的代码定义了一个Button组件，它具有指定的样式，并且会根据传入的primary属性来动态更改颜色。这里用到了模板字符串以及JavaScript中的箭头函数。
除此之外，Styled Components还提供了许多其他功能，例如：
总之，Styled Components为React组件的样式设计提供了一种灵活、简洁且可重用的方式，非常适合现代Web开发。