Как использовать класс в другом CSS-файле CSS-модулей? - PullRequest
Новая
       36

Как использовать класс в другом CSS-файле CSS-модулей?

1 голос
/ 13 марта 2019

. / Index.tsx 

import React from 'react';
import Child from '../Child/index';
import style from './index.scss';

const Parent = () => {
    return (
        <div className={style.parent}>
            <Child/>
        </div>
    )
}

export default Parent;

. / Index.scss 

.parent {
    // styles...
}

. / Child / index.tsx 

import React from 'react';
import style from './index.scss';

const Child = () => {
    return <div className={style.child}></div>;
}

export default Child;

. / Child/index.scss

.child {
    // styles...
}

и я хочу использовать .parent:hover .child { //...style } в файлах scss, таких как 

import '../index.scss';

.parent {
    &:hover {
        .child {
            // ...style
        }
    }
}

.child {
    // styles...
}

Есть ли какое-либо решение для этой проблемы?Я ищу соответствующую информацию (например, выпуск ), но я еще не нашел ее.

...