2 回答

TA貢獻(xiàn)1871條經(jīng)驗 獲得超13個贊
您可能對此答案感興趣:How to add AutoComplete/AutoSuggestion in Microsoft botframework webchat using React.js
網(wǎng)絡(luò)聊天使用Redux,它有一個可以使用 Redux 中間件的Redux 商店。網(wǎng)絡(luò)聊天有一個名為的操作 ,可用于響應(yīng)用戶在文本輸入框中鍵入的內(nèi)容,如下所示:WEB_CHAT/SET_SEND_BOX
const store = window.WebChat.createStore(
{},
store => next => action => {
if (action.type === 'WEB_CHAT/SET_SEND_BOX') {
const user_entered_text = action.payload.text;
// Use the text to query the Azure database and display suggestions
}
return next(action);
}
);
當(dāng)用戶單擊建議或按右鍵時,您可以使用相同的操作來更改文本輸入框中的內(nèi)容,如下所示:
store.dispatch({
type: 'WEB_CHAT/SET_SEND_BOX',
payload: {
text: user_selected_suggestion,
}
});
Web Chat repo 中有一些示例可能有助于在 Web Chat 中使用 Redux 操作
您嘗試在不使用 Redux 存儲的情況下編輯發(fā)送框的內(nèi)容,因此 Web Chat 不知道您嘗試進(jìn)行的更改。如果您使用WEB_CHAT/SET_SEND_BOX帶有空文本的操作,那么您可以正確清除發(fā)送框。

TA貢獻(xiàn)2051條經(jīng)驗 獲得超10個贊
該問題的確切解決方案是以下代碼。
function clearinput()
{
store.dispatch({
type: 'WEB_CHAT/SET_SEND_BOX',
payload: {
text: "",
}
});
document.querySelector("[aria-label='Sendbox']").value ="";
}
感謝凱爾·德萊尼(Kyle Delaney)的詳細(xì)解釋,根據(jù)您的意見,我已經(jīng)做到了。
添加回答
舉報