react中怎么给组件引入局部样式

在React中，可以使用CSS模块化来实现给组件引入局部样式。具体步骤如下：

1. 在组件所在的文件夹中创建一个名为styles.module.css（也可以是其他名称，但必须以module.css结尾）的CSS文件。

2. 在styles.module.css中编写样式，注意要使用:local关键字来定义局部样式。

   .button {
     :local {
       background-color: #00bcd4;
       color: #fff;
       padding: 10px;
     }
   }
   

3. 在组件中引入styles.module.css，并使用import语句将样式绑定到组件的类名。注意，这里的类名必须与CSS中定义的类名相同，否则样式不会生效。

   import React from 'react';
   import styles from './styles.module.css';
   
   function MyButton() {
     return (
       <button className={styles.button}>Click me</button>
     );
   }
   

通过使用CSS模块化，我们可以避免全局样式的污染，同时也能方便地在组件中引入局部样式。