React.js에서 부트 스트랩 4의 회전식 구성 요소를 사용하는 방법은 무엇입니까?

Question

다음은 내가 컨베이어를 사용하여 작업하려고했던 코드입니다.> 기본적으로 사이트에 제공된 예제입니다.

오류 없음, 활성 슬라이더가 표시되지만 슬라이딩 효과가 작동하지 않는 것처럼 보입니다. React와 함께 작동시키는 방법을 모르겠습니다. 내가 잘못하고 있니? 'href'와 관련이 있습니까? 도와주세요. 그것은 https://github.com/leandrowd/react-responsive-carousel을 시도 ... 너트

import React from 'react'; 
 

 
export default class Slider extends React.Component { 
 
    render() { 
 
     return (
 
      <div id="carouselExampleIndicators" className="carousel slide" data-ride="carousel"> 
 
       <ol className="carousel-indicators"> 
 
        <li data-target="#carouselExampleIndicators" data-slide-to="0" className="active"></li> 
 
        <li data-target="#carouselExampleIndicators" data-slide-to="1"></li> 
 
        <li data-target="#carouselExampleIndicators" data-slide-to="2"></li> 
 
       </ol> 
 
       <div className="carousel-inner" role="listbox"> 
 
        <div className="carousel-item active"> 
 
         <img className="d-block img-fluid" src="resources/img/cd-background-img.jpg" alt="First slide"/> 
 
        </div> 
 
        <div className="carousel-item"> 
 
         <img className="d-block img-fluid" src="resources/img/home-bg.jpg" alt="Second slide"/> 
 
        </div> 
 
        <div className="carousel-item"> 
 
         <img className="d-block img-fluid" src="resources/img/home-bg.jpg" alt="Third slide"/> 
 
        </div> 
 
       </div> 
 
       <a className="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev"> 
 
        <span className="carousel-control-prev-icon" aria-hidden="true"></span> 
 
        <span className="sr-only">Previous</span> 
 
       </a> 
 
       <a className="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next"> 
 
        <span className="carousel-control-next-icon" aria-hidden="true"></span> 
 
        <span className="sr-only">Next</span> 
 
       </a> 
 
      </div> 
 
     ); 
 
    } 
 
}

Answer 1

을 날 운전입니다. 나는 그것을 사용하고 있으며 아주 잘 작동한다!