渲染没有返回任何内容。 React / Typescript

Question

我是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;

有关为什么不会这样做的任何想法？

Answer 1

在我看来，您需要的是允许动态生成SASS文件并支持生产版本的解决方案。我设法结合了支持Typescript的样板代码，更好的Javascript版本，ReactJS和SCSS模块。样板文件负责设置应用程序所需的所有额外内容。

我建议您查看一下。 https://github.com/alishahlakhani/Reactsx-React-TS-SCSS-PWA-Boilerplate