Comments (2)
Is it possible to use the loading state more effectively with async/await? if the request takes some time, the chatbot is left without a loading state while the request happens
from react-chatbot-kit.
Sure. You can provide the message parser and config through an API. If you want the backend to be able to handle responding to client messages I think the easiest way to do that would be to call on your API inside of the actionprovider, with the client message as payload, then receive a response and set a new state in the bot.
// In action provider
const handleSomeAction = async (message) => {
const response = await callAPI(message)
const data = await response.json()
const botMessage = this.createChatBotMessage(data.botResponse)
// Insert your update state function name here
this.updateMessages(botMessage)
}
from react-chatbot-kit.
Related Issues (20)
- Using starter code and getting an error that useState is undefined? HOT 1
- Typescript Types HOT 2
- How to display date and time under messages ? HOT 2
- Replace message input box and send button with custom component. HOT 3
- Error while adding a widget
- Initial load with a user message that triggers actionprovider
- Error: Rendered more hooks than during the previous render. HOT 1
- Payload missing on chatbot custom component HOT 3
- How to run it for OpenAI response streaming HOT 1
- Compilation error with 2.2.2 version
- Display Chatbot response message in HTML format? HOT 7
- customMessages overridden by standard chatbot messages HOT 1
- Bugs in useChatbot
- No props in the widget component
- Add text above the bot and user message
- how to send data for some api and make input disabled HOT 3
- Delay should not need to be negative to change default animation delay
- Sharing State Between Custom Messages
- How to clear the text inside the chat input box 'react-chatbot-kit-chat-input' explicitly?
- React Chat bot Kit - How to create custom user message
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react-chatbot-kit.