alibaba / ChatUI

The UI design language and React library for Conversational UI
https://chatui.io
MIT License
2.61k stars 277 forks source link

“1条新消息” #143

Open Leemenmen opened 3 months ago

Leemenmen commented 3 months ago
const initialMessages = [
        {
            type: 'text',
            content: {text: '你好,我是智能问答助手,请开始向我提问吧~~'},
            user: {avatar: aiAvatar},
        },
    ];

const {messages, appendMsg, setTyping, resetList, updateMsg} = useMessages(initialMessages);

return   <Chat
                    placeholder={inputText}
                    messages={messages}
                />

当使用 resetList重置问答记录时,当问答记录长度超过界面中能显示的条目数时,问答区域会显示“1条新消息”,如图1,点击该显示,界面才会下拉到最下面的问答条目中,如图2。

1

图1

2

图2

如何配置,使resetList更新问答区域时,当问答记录长度超过界面中能显示的条目数时,直接定位到最下面的问答条目,即图2。