我有一个来自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>)
发布于 2018-08-02 04:32:38
这并不是React的真正问题,但CSS更是如此。
您可能正在寻找的是诸如flex-box之类的东西。请查看css-tricks,以获得有关如何使用它的良好教程。
或者尝试flexbox-froggy学习它的游戏:)
发布于 2018-08-02 04:37:04
在上面的代码片段中使用span标记而不是p标记解决了我的问题。
https://stackoverflow.com/questions/51641537
复制相似问题