React遍历数组渲染视图时，数组更新视图怎么更新？

img

如题，背景是一个聊天室，我将input标签输入后的文本值点击发送按钮传给了数组data，之后遍历数组data
{ data.map((item)=>{
return (



{item}

//头像

)
})}