我正在尝试构建一个在线购物网站,我希望使用 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>
);
最佳答案
我不是 100% 确定你在问什么,但如果你想并排堆叠 div,你需要使用片段:
<React.Fragment>
<div />
<div />
<div />
</React.Fragment>
否则,您通常要做的是在这个组件之上创建另一个组件,然后根据需要将其中的尽可能多的组件导入/渲染到上述组件中。希望这是有道理的。
关于html - 我怎样才能在一个页面上获得多个 div?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58324111/