Всем привет и веселых праздников! Я работаю над проектом портфолио, и я использую карусель реакции-начальной загрузки в качестве моей целевой страницы. Для тега Carousel.Caption я удалил заголовок подзаголовка и вместо этого добавил кнопки «Предыдущая / Следующая». Цель состоит в том, чтобы кнопки эмулировали стрелки стрелок Prev / Next, как показано на стандартной карусели. Я попытался использовать некоторые классы, которые были помещены на стрелки на кнопках, но это не делает работу. Есть идеи, как этого добиться? Вот код

class Main extends Component {
    state = {  }
    render() { 

        return ( 
{amp}lt;div{amp}gt;
    {amp}lt;Landing{amp}gt;
{amp}lt;Carousel{amp}gt;
  {amp}lt;Carousel.Item{amp}gt;
    {amp}lt;img
      className="d-block w-100"
      src={bowmanbg}
      alt="First slide"
    /{amp}gt;
    {amp}lt;Carousel.Caption{amp}gt;
    {amp}lt;Button className="landing-button"  variant="outline-light"{amp}gt;Previous{amp}lt;/Button{amp}gt;
    {amp}lt;Button className="landing-button"  variant="outline-light"{amp}gt;Next{amp}lt;/Button{amp}gt;

    {amp}lt;/Carousel.Caption{amp}gt;
  {amp}lt;/Carousel.Item{amp}gt;
  {amp}lt;Carousel.Item{amp}gt;
    {amp}lt;img
      className="d-block w-100"
      src={soundbg}
      alt="Third slide"
    /{amp}gt;

    {amp}lt;Carousel.Caption{amp}gt;
    {amp}lt;Button href="#" className="landing-button" variant="outline-light" data-slide="prev"{amp}gt;Previous{amp}lt;/Button{amp}gt;
    {amp}lt;Button href="#" className="landing-button" variant="outline-light" data-slide="next"{amp}gt;Next{amp}lt;/Button{amp}gt;
    {amp}lt;/Carousel.Caption{amp}gt;
  {amp}lt;/Carousel.Item{amp}gt;
  {amp}lt;Carousel.Item{amp}gt;
    {amp}lt;img
      className="d-block w-100"
      src={racewaybg}
      alt="Third slide"
    /{amp}gt;

    {amp}lt;Carousel.Caption{amp}gt;
    {amp}lt;Button variant="outline-light" className="landing-button" data-slide="prev"{amp}gt;Previous{amp}lt;/Button{amp}gt;
    {amp}lt;Button variant="outline-light" className="landing-button" data-slide="next"{amp}gt;Next{amp}lt;/Button{amp}gt;
    {amp}lt;/Carousel.Caption{amp}gt;
  {amp}lt;/Carousel.Item{amp}gt;
{amp}lt;/Carousel{amp}gt;
{amp}lt;/Landing{amp}gt;
{amp}lt;/div{amp}gt;

         );
    }
}

export default Main;