javascript - 如何在 className React JS 中同时使用自定义 scss 和 bootstrap css

Question

从 '../styles/filterableTable.scss' 导入样式；

然后查看

 return (
    <div >
        <p className={'text-success' +  styles.ff}>Uthaya</p> 
        <input
            value={filter}
            ref={node => {input = node;}}
            onChange={() => onFilter(input.value)} />

        <ProductTable filter={filter} />
    </div>
);

};

<p className={'text-success' +  styles.ff}>Uthaya</p> 

我试过这种方式，但是不行

"text-success"是 boostrap 类。如果只有这个类正在工作，那么两者都不起作用

有什么可以帮助我快速的。

Answer 1

你只需要在text-success后面放一个空格

<p className={'text-success ' +  styles.ff}>Uthaya</p> 

否则它会将 styles.ff 中的第一个东西附加到 text-success 并且成为一个不存在的类!