如何在Angular 7应用程序中设置React组件的样式

如何在Angular 7应用程序中设置React组件的样式,angular,reactjs,Angular,Reactjs,我对Angular 7.1应用程序中的样式反应组件有问题 我用build app解决了所有问题,Angular和ReactJS组件之间的双向通信,但我不能用样式导入解决一个简单的问题 通常我使用较少,但我甚至不能导入.css文件 我尝试使用: ... // @ts-ignore import styles from './renderer.css'; ... class Renderer extends React.Component<IRenderer, any> {

我对Angular 7.1应用程序中的样式反应组件有问题

我用build app解决了所有问题,Angular和ReactJS组件之间的双向通信,但我不能用样式导入解决一个简单的问题

通常我使用较少,但我甚至不能导入.css文件

我尝试使用:

...
// @ts-ignore
import styles from './renderer.css';

...

class Renderer extends React.Component<IRenderer, any> {
    ...

    render() {
        return (
            <div className={styles.rendererbackground}>
               TEXT
            </div>
        );
    }
}
。。。
//@ts忽略
从“/renderer.css”导入样式;
...
类渲染器扩展了React.Component{
...
render(){
返回(
正文
);
}
}
我还尝试:

// @ts-ignore
import './renderer.css';

<div className='rendererbackground'>
   TEXT
</div>
/@ts忽略
导入“/renderer.css”;
正文
但只有内联样式适合我


你知道我该如何解决这个问题吗?

我有解决这个问题的临时方法-我从我的
react渲染器
组件导入样式,角度为
::ng deep

::ng-deep {
    @import "../../react/renderer.less";
    @import "../../react/components/something/something.less";
}

嗨,你能解释一下你是如何通过react组件集成生成angular应用程序的吗?@Joker我在StackOverflow上添加了一个问题和答案,如何将angular应用程序与react JS应用程序连接,更多信息: