Javascript 尝试在Challengebox组件的同一行/右侧获取我的删除按钮-React

嘿！我试图在Challengebox组件的同一行/右侧获取我的删除按钮。有没有办法用flex wrap做到这一点？

.totalbox{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

---

{    
this.state.challenges.map（challenge=>
(
this.onDelete（challenge.\u id）}>
删去
))                                                                      
}

可能是您可以在下面尝试

{    
this.state.challenges.map（challenge=>
(
this.onDelete（challenge.\u id）}>
删去
))                                                                      
}

.totalbox.challenge box容器{
宽度：80%；
}

---

由于我不知道Challengebox组件中有什么内容，所以我无法评论该组件是否存在任何问题。所以我只是想把它包装成一个div，并为它提供宽度。希望这能有所帮助。

有人有想法吗？你面临的问题是什么？你能分享用户界面的截图吗？理想情况下，当前css应该可以工作。问题可能出在challengebox.css？中。challengebox{display:flex；flex direction:row；左边距：158px；右边距：40px；右边距顶部：10px；}有人能帮我吗？谢谢你尝试，但按钮仍然不在同一行/右边…你能在小提琴或其他地方分享代码链接吗？

<div className="challengeboxes">

{    
this.state.challenges.map(challenge => 
    (
        <div className="totalbox" key={challenge._id}>

            <Challengebox 
                key={challenge._id} 
                id={challenge._id} 
                title={challenge.title} 
                description={challenge.description}
            />

            <button onClick={() => this.onDelete(challenge._id)}>
                Delete
            </button>

        </div>
    ))                                                                      
}

</div>