如何在Angular 7应用程序中设置React组件的样式
我对Angular 7.1应用程序中的样式反应组件有问题 我用build app解决了所有问题,Angular和ReactJS组件之间的双向通信,但我不能用样式导入解决一个简单的问题 通常我使用较少,但我甚至不能导入.css文件 我尝试使用:如何在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> {
...
// @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应用程序连接,更多信息: