我是Typescript的新手,并已决定在我的个人网站上实施锻炼。在使用typescript之前,布局很有效。但是,即使我没有收到类型错误,我也会遇到控制台错误。
以下是使用样式组件的布局组件
const ContentLayout: React.StatelessComponent<{
children?: React.ReactNode;
}> = ({ children }) => <ContentWrapper>{children}</ContentWrapper>;
export default ContentLayout;
这是父组件
class Master extends React.Component<{ children: any }, {}> {
render() {
return (
<React.Fragment>
<Header />
<ContentLayout>
<Routes />
</ContentLayout>
<Footer />
</React.Fragment>
);
}
}
export default Master;
有关为什么不会这样做的任何想法?
答案 0 :(得分:0)
在我看来,您需要的是允许动态生成SASS文件并支持生产版本的解决方案。我设法结合了支持Typescript的样板代码,更好的Javascript版本,ReactJS和SCSS模块。样板文件负责设置应用程序所需的所有额外内容。
我建议您查看一下。 https://github.com/alishahlakhani/Reactsx-React-TS-SCSS-PWA-Boilerplate