如何使用wrap水平显示reactjs map循环中的项目列表？
如何使用wrap水平显示reactjs map循环中的项目列表？
提问于 2018-08-02 04:08:26
我有一个来自reactjs map函数的项目列表(动态创建的按钮)。我希望它们水平列出，如果需要，还允许将剩余项目包装到下一行。有没有人能帮个忙。下面是我的代码片段。
return( <div>
{ relevantMessages.map(function(thisQuestion){
return
<p key={thisQuestion.id}>
<button key={thisQuestion.id} onClick={() => this.sendThisMessage(thisQuestion.question)}>
{thisQuestion.title}
</button>
</p>
}, this)
}
</div>)回答 2
Stack Overflow用户
发布于 2018-08-02 04:32:38
这并不是React的真正问题，但CSS更是如此。
您可能正在寻找的是诸如flex-box之类的东西。请查看css-tricks，以获得有关如何使用它的良好教程。
或者尝试flexbox-froggy学习它的游戏:)
Stack Overflow用户
发布于 2018-08-02 04:37:04
在上面的代码片段中使用span标记而不是p标记解决了我的问题。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/51641537
复制相关文章
相似问题