javascript - React.js 给出了意外的令牌
问题描述
我是 React.JS 的新手。我正在尝试一个非常简单的布局,但它在“this”关键字之前给 parantehsis 一个错误。为什么它会给出错误?任何帮助,将不胜感激。
import React, { Component } from 'react';
import { Col, Grid, Row } from 'react-bootstrap';
import { NavMenu } from './NavMenu';
import Header from './Header'
import Footer from './Footer'
export class Layout extends Component {
displayName = Layout.name
render() {
return (
<Header />
{this.props.children}
<Footer />
);
}
}
解决方案
你只能从一个反应组件中返回一个元素。要返回多个兄弟姐妹,您需要<></>
像这样包装返回的元素
//change
我在我编辑的行上方添加
return (
//change
<>
<Header />
{this.props.children}
<Footer />
//change
</>
);
推荐阅读
- wordpress - 当他们的订单准备好在 woocommerce 中交付时,有没有办法接受客户的全额付款?
- javascript - 从列表项创建路线
- html - 选择元素上的空间覆盖文本
- python - TypeError:使用 Pandas Dataframe 时类型的对象没有 len()
- python - 如何在 Kivy 的 RecycleView 中显示大滚动条
- r - 从公共分布模拟对(X,Y)?
- php - 使用 php 在网站上抓取类名
- javascript - 使用 ngx-datatable 中的 ngIf 补充布尔值不起作用
- asp.net - 输入字段的值在检查器中更改但不在浏览器窗口中
- java - 如何显示此字符的 UTF-32 编码?