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

时间:2018-06-16 12:21:44

标签: reactjs typescript

我是Typescript的新手,并已决定在我的个人网站上实施锻炼。在使用typescript之前,布局很有效。但是,即使我没有收到类型错误,我也会遇到控制台错误。

Nothing rreturned from rendered

以下是使用样式组件的布局组件

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;

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

1 个答案:

答案 0 :(得分:0)

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

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