reactjs - 语法错误:运行 npm start 时 React 中出现意外的令牌
问题描述
我开始收到语法错误:今天和在运行 npm start 时出现意外的标记,即使我已经好几周没有碰过我的代码了
Syntax error: Unexpected token (14:7)
12 | render(){
13 | return(
> 14 | <>
| ^
15 | <nav className="Navitems">
16 | <h1 className="Navbar-logo">Lauren's Page<i className= "fac fa-react"></i></h1>
17 | <div className="menu-icon" onClick={this.handleClick}>
这是代码:
import React, {useState, Component} from 'react';
import './Navbar.css';
import {Navitems} from './Navitems';
class Navbar extends Component {
state= { clicked: false}
handleClick=()=> {
this.setState({clicked: !this.state.clicked})
}
render(){
return(
<>
<nav className="Navitems">
<h1 className="Navbar-logo">Lauren's Page<i className= "fac fa-react"></i></h1>
<div className="menu-icon" onClick={this.handleClick}>
<i className={this.state.clicked ? 'fas fa-time':'fas fa-bars'}></i>
</div>
<ul className={this.state.clicked ? 'nav-menu active' : 'nav-menu'}>
{Navitems.map((item, index) =>{
return (
<li key={index}>
<a className={item.cName} href={item.url}>
{item.title}
</a>
</li>
)
})}
</ul>
</nav>
</>
);
}
};
export default Navbar;
我只是想弄清楚为什么它现在显示错误,而以前没有。谢谢!
解决方案
您要么必须使用旧的 react 或 babel 版本,请查看此链接:
尝试导入 Fragment 或使用 <React.Fragment>
https://reactjs.org/blog/2017/11/28/react-v16.2.0-fragment-support.html#support-for-fragment-syntax
推荐阅读
- python - 我收到此错误消息:TypeError: 'function' object is not iterable
- python - Python“ValueError:无法将字符串转换为浮点数:%”
- scala - Scala 打印帮助命令
- sql - REGEXP_REPLACE URL BIGQUERY
- python - 无法使用 Sympy 求解找到符号解
- java - SpringBoot / Hibernate中枚举的接口投影
- delphi - 打印到 PDF 文件时设置默认文件夹
- kubernetes-helm - 当我在 hele 的模板文件中传递参数时,值文件中的数据丢失
- c - 检查常量 TRUE 或 FALSE 是否需要很多操作时间?
- c++ - 我可以对以下代码中的几行进行解释吗?