react 中样式私有

解决的问题,两个组件之间 有相同的class名,造成其中一个无法按预期的显示.

import React, { Component } from 'react'
import styles from "./Csstest2.module.css"  //给样式加module

export default class Csstest1 extends Component{
        
        
        render(){
                return (
                        <div>
                                <p className={styles.title}>测试2</p>
                        </div>
                )
        }
}