html - 我怎样才能在一个页面上获得多个 div？

Question

我正在尝试构建一个在线购物网站，我希望使用 Bootstrap 库作为 css 在 React js iam 中的前端显示多个元素。下面是我的返回 div 我怎样才能在一个页面上获得多个元素。

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>
);

Answer 1

我不是 100% 确定你在问什么，但如果你想并排堆叠 div，你需要使用片段:

 <React.Fragment>
      <div />
      <div />
      <div />
</React.Fragment>

React Fragments

否则，您通常要做的是在这个组件之上创建另一个组件，然后根据需要将其中的尽可能多的组件导入/渲染到上述组件中。希望这是有道理的。