React报错：SyntaxError: Unexpected token '<' 求助解决方法

你的代码存在三个核心问题，直接导致了这个报错，按以下步骤修复即可：

• 必须给JSX元素加单个根容器
  React组件的return语句只能返回一个顶级元素，不能直接并列多个标签。你需要用一个容器（比如<div>或者React.Fragment<>）把所有元素包起来。

• 不要用HTML实体写JSX标签
  代码里的<和>是HTML转义字符，在JSX中直接用<和>写标签就行，React会正确解析。

• 别忘了导出组件
  你没有添加export default App语句，React无法识别并渲染这个组件。

修复后的完整代码：

import React from 'react';

function App(){
    return (
        <div>
            <button>-</button>
            <span>0</span>
            <button>+</button>
        </div>
    )
}

export default App;

如果修复后还是报错，可以检查这两点：

• 确认项目里已经安装了react和react-dom依赖，没装的话执行npm install react react-dom
• 如果你不是用Create React App创建的项目，要确保babel配置里包含了@babel/preset-react，用来解析JSX语法

内容的提问来源于stack exchange，提问作者Gábor Adorjáni