Question

这给出了一个错误：这是普通文字。如何解决这个问题其布局文件我正在使用Visual Studio 这样，但是现在遵循一个代码块：

export default class Layout extends React.Component {
  constructor(props) {
    super(props);

    this.identify = this.identify.bind(this);
  }
  identify() {
    if (this.props.dashboard) {
      return (
        <div>
          <Header />
          <Container>{this.props.children}</Container>
          <Footer />
        </div>
      );
    } else {
      return (
        <div className="flexible-content">
          <TopNavigation />
          <SideNavigation />
          <main id="content" className="p-5">
            {this.props.children}
          </main>
          <DashFooter />
        </div>
      );
    }
  }

  render() {
    return { this: this.identify };
  }
}

Answer 1

您只需要调用identify方法，该方法将根据您的情况返回JSX

render() {
    return this.identify();
  }

Answer 2

您需要从render函数返回有效的JSX。现在，您正在返回{this：this.identify}的对象。您只需要返回this.identify（）

对象作为React子对象无效（找到：带有键{this}的对象）。如果要渲染子级集合，请改用数组

2 个答案: