时间戳

首页 > 解决方案 > ReactJS 教程井字游戏

javascript - ReactJS 教程井字游戏

问题描述

使用 reactJS 教程时出现解析错误。

./src/index.js 第 12 行：解析错误：相邻的 JSX 元素必须包含在封闭标记中。你想要一个 JSX 片段 <>...？

  white-space: pre-wrap;"></div><div id="root"></div>
                                ^

这是在 reactjs.org 上共享的代码。但这对我不起作用。

标签： javascriptreactjs

解决方案

这个错误意味着你不能在 JSX 中有类似的东西：

<div>a</div>
<div>b</div>

必须像这样包裹，注意Fragment可以是任何可以接受子组件的组件，Fragment是用来包裹东西的，通常你不需要div但必须符合JSX语法，你需要从React导入：

<Fragment>
  <div>a</div>
  <div>b</div>
</Fragment>

之后，如果您遇到与此无关的其他错误，那么它们可能不相关。

推荐阅读