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，则需要使用Fragments：

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

React Fragments

否则，您通常要做的是在该组件之上创建另一个组件，并将所需数量的组件导入/渲染到上述组件中。希望有道理。

我如何在单个页面上获得多个div的反应？

1 个答案: