为什么当我试图在反应中减小 div 的大小时我的文本不换行

我不明白，但是当我尝试用简单的 html 进行操作时。文本在 div 中没有重叠，但在 reactjs 中它是重叠的。这是我的问题。

    const comments = [
        {uid:'1231BASDADA123',comment:"BoboBoboBoboBoboBoboBoboBoboBoboBoboBoboBoboBoboBoboBobo"},
        {uid:'1231BASDADA123',comment:"Bobo"},
        {uid:'1231BASDADA123',comment:"Bobo"},
        {uid:'1231BASDADA123',comment:"Bobo"},
        {uid:'1231BASDADA123',comment:"Bobo"},
        {uid:'1231BASDADA123',comment:"Bobo"},
        {uid:'1231BASDADA123',comment:"Bobo"},
        {uid:'1231BASDADA123',comment:"Bobo"},
        {uid:'1231BASDADA123',comment:"Bobo"},
        {uid:'1231BASDADA123',comment:"Bobo"},
        {uid:'1231BASDADA123',comment:"Bobo"},
        {uid:'1231BASDADA123',comment:"Bobo"},
        {uid:'1231BASDADA123',comment:"Bobo"},
        {uid:'1231BASDADA123',comment:"Bobo"},
    ]
   
/In my output function/
<div className="list">
     {props.comments.map((item,idx) => {
      return(
        <div className='user'>
            <div className="user-uid">
               <h6> {item.uid}</h6>
            </div>
            <div className="user-comment">
               <h5>
                 {item.comment}
               </h5>
         </div>
     </div>
     )
    })}
</div>
/My CSS/ 

.fandom .topic-comments .list {
    width: 500px;
    height: 500px;
    overflow: auto;
    background: linear-gradient(46deg,black,gray);
}

.fandom .topic-comments .list .user {
    width: auto;
    height: 50px;
    padding: 10px;
    background: black;
    color: rgb(201,198,52);
    border-bottom: 2px solid rgb(235, 231, 23);
}

只是不要介意.fandom .topic-comment它在这个问题上不需要做任何事情

因此，正如您在我的第一个评论中看到的那样comments，最长的评论与我的重叠user-comment，然后我不知道如何解决它。我尝试flexShrink or flexDirection基于此 react native [Link] 的不同样式（反应原生文本从我的屏幕上消失，拒绝包装。怎么办？）和其他东西，但这个词并没有真正包装我的文本，我已经完成了这个..我总是在我的项目中的任何地方遇到这个问题，我只是做一些类似<br/>但我'我厌倦了它我想自己包装它而不是做一些<br/>

知道如何解决这个问题吗？这在 reactjs 中不起作用，但是当我在普通 html 中尝试时，它运行良好，我不知道为什么..

更新这是我的文本不多时的示例 这是我的文本很多时的示例我也尝试过这个，<textarea>但仍然做同样的事情

如果这还不够，你能给我演示一下我将如何将我的文本包装在我的 div 中以做出反应吗？我非常讨厌这个错误，因为每当我的项目有很长的文本时我总是会遇到这个问题......解决方案必须与我的相关......