小编jen*_*nie的帖子

React.js 解析错误:必须将相邻的 JSX 元素包装在封闭标记中。你想要一个 JSX 片段 <>...</> 吗?

我正在尝试使用引导程序构建一个反应应用程序,该应用程序将展示类似于 CCC 的卡片显示为连续 3 行,并且有 3 行,但我收到此错误:

解析错误:相邻的 JSX 元素必须包含在封闭标记中。你想要一个 JSX 片段 <>...?

这是代码:

import React from 'react';
import './App.css';
import "bootstrap/dist/css/bootstrap.min.css";
import { Card } from "react-bootstrap";
import { Button } from "react-bootstrap";

function App() {
  return (
    <Card>
      <Card.Img variant="top"
        src="holder.js/100px160" />
      <Card.Body>
        <Card.Title>Card title</Card.Title>
        <Card.Text>
          This is a wider card with supporting text below as a natural lead - in to
        additional content.This content is a little bit longer.
        </Card.Text>
      </Card.Body>
    </Card>
    <Card>
      <Card.Img variant="top" src="holder.js/100px160" /> …
Run Code Online (Sandbox Code Playgroud)

javascript css reactjs react-bootstrap

1
推荐指数
1
解决办法
1351
查看次数

标签 统计

css ×1

javascript ×1

react-bootstrap ×1

reactjs ×1