Javascript 反应带式转盘不工作

我正在尝试使用react引导创建一个简单的旋转木马。 这是我试图创建的简单的不受控制的旋转木马。

这是我的密码

import React from 'react';
import Carousel1 from '../../../assets/FootTheBall_SignUpScreen_CarouselImage-01.png';
import Carousel2 from '../../../assets/FootTheBall_SignUpScreen_CarouselImage-02.png';
import Carousel3 from '../../../assets/FootTheBall_SignUpScreen_CarouselImage-03.png';
import Carousel4 from 
import Carousel from 'react-bootstrap/lib/Carousel';


    const Core = () => (
        <main className="core">
            <article className="left">
                <Carousel>
                    <Carousel.Item>
                        <img src={Carousel1} alt=""/>
                    </Carousel.Item>
                    <Carousel.Item>
                        <img src={Carousel2} alt=""/>
                    </Carousel.Item>
                    <Carousel.Item>
                        <img src={Carousel3} alt=""/>
                    </Carousel.Item>
                </Carousel>

            </article>
            <article className="right"></article>
        </main>

    );
    export default Core

从“React”导入React；
从“../../../assets/FootTheBall”屏幕上的“CarouselImage-01.png”导入转盘1；
从“../../../assets/FootTheBall”屏幕上方的“../../CarouselImage-02.png”导入转盘2；
从“../../../assets/FootTheBall”屏幕上的“../../assets/FootTheBall\u sign\u CarouselImage-03.png”导入旋转木马3；
从导入转盘4
从“react bootstrap/lib/Carousel”导入旋转木马；
常量核心=（）=>(
);
导出默认核心

---

图像垂直堆叠，不会发生任何转换。我做错了什么。

你链接了样式文件了吗

根据：

因为React引导不依赖于非常精确的 引导，我们不附带任何附带的css。然而，一些 使用这些组件需要样式表。如何和哪一个 包括的引导样式由您决定，但最简单的方法是 包括CDN中的最新样式

要链接，请将以下内容添加到

index.html

：

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">

---

我也有同样的问题。在

public/index.html

文件中，而不是链接到

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">

我把它改成了

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/latest/css/bootstrap.min.css">

---

成功了：）

我就是这么做的。它很好用

在index.js中添加以下行

---

我没有index.html文件，我使用CreateReact应用程序创建项目。那么我应该把这些样式放在哪里呢。在my index.css？create react应用程序中包含索引。它应该在publicNope下，在

public

文件夹中的

index.html

内。如果您正在使用

react helmet

，可以将链接标记括在

helmet

中，如下所示：

不要忘记链接标记中的最后一个反斜杠

//code>。
import "../../node_modules/bootstrap/dist/css/bootstrap.css"