I am currently in the process of developing an e-commerce website and I am looking to display multiple items on the front end using React.js with Bootstrap as the CSS library. Below is the code snippet for my return div. How can I go about showcasing multiple items on a single page?
return (
<div className="App">
<img src={shotgun} className="App-logo" alt="logo"></img>
<button onClick={this.handleIncrement} className="btn btn-info m-2">+</button>
<span className={this.getBadgeColor()}>{this.countFormat()}</span>
<button onClick={this.handleDecrement} className="btn btn-danger m-2">-</button>
</div>
);