Как сделать горизонтальную полосу прокрутки в React JS такой, как у Google? - PullRequest
Новая
       36

Как сделать горизонтальную полосу прокрутки в React JS такой, как у Google?

0 голосов
/ 02 февраля 2020

Какой самый простой способ задать это в реакции js? Как сделать полосу прокрутки, используя ожидаемый вывод изображения code.see? * [https://i.stack.imgur.com/nex4t.png] [1] 

import React from 'react';
import ScrollContainer from "react-indiana-drag-scroll";
import './App.css';
const list = new Array(15).fill(1).map((_, index) => index + 1);
const Arrow = ({ text, className }) => {
  return <div className={className}>{text}</div>;
};
class Nav extends React.Component{
render(){
  return(
      <div className="Head">
          <div className="Filters">
Filters
          </div>
          <div className="categories">
            <ScrollContainer className="pn-ProductNav">
              <div className="pn-ProductNav_Contents ">

              {list.map(el => (
              <a href="googl.com" className="pn-ProductNav_Link" >
                <div className="inner" key={el}>
                Chairs
                </div>
                </a>
              ))}
          </div>
          </ScrollContainer>
      </div>
      </div>
  );
  }

}
export default Nav;
...