如何在React中使用按钮在div中实现滚动？

Question

现在，我正在使用queryselector在React中使用按钮在div中滚动，但这不是我希望的方式。 div是：-

  <div style={{ width: '2000px' }} className="containertop">
    {
      this.state.appData.deals.map((x) => (<div className="dealsclass" style={{ opacity: '0.6', width: '35vw', height: '15vh', background: 'white', margin: '10px', float: 'left', border: '0.5 solid' }}>
        <div style={{}}><center>{x.text}</center></div><br></br>
        <div style={{ height: '100%' }}><center>{x.detail}</center></div>
      </div>))
    }

  </div>

我希望使用按钮进行水平滚动。怎么做？

Answer 1

仅使用CSS属性

overflow-x: scroll;