File size: 1,395 Bytes
f332108 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 |
import React, { useState } from 'react';
import axios from 'axios';
function Chat() {
const [messages, setMessages] = useState([]);
const [currentMessage, setCurrentMessage] = useState('');
const handleSubmit = async (e) => {
e.preventDefault();
setMessages([...messages, { type: 'user', content: currentMessage }]);
try {
const response = await axios.post('http://0.0.0.0:8000/generate-text/', { query: currentMessage });
setMessages(prevMessages => [...prevMessages, { type: 'bot', content: response.data.response }]);
} catch (error) {
console.error("Error while querying:", error);
}
setCurrentMessage('');
};
return (
<div>
<div>
{messages.map((message, idx) => (
<div key={idx} className={message.type}>
{message.content}
</div>
))}
</div>
<form onSubmit={handleSubmit}>
<input
type="text"
value={currentMessage}
onChange={(e) => setCurrentMessage(e.target.value)}
placeholder="Ask something..."
/>
<button type="submit">Send</button>
</form>
</div>
);
}
export default Chat;
|