forked from Gitlink/gitlink_help_center
35 lines
865 B
JavaScript
35 lines
865 B
JavaScript
import React, { useState } from 'react';
|
|
import axios from 'axios';
|
|
|
|
const YourComponent = () => {
|
|
const [message, setMessage] = useState('');
|
|
const [assistantResponse, setAssistantResponse] = useState('');
|
|
|
|
const handleSubmit = async (event) => {
|
|
event.preventDefault();
|
|
|
|
try {
|
|
const response = await axios.post('http://127.0.0.1:5000/moonshot', { message });
|
|
setAssistantResponse(response.data.assistantResponse);
|
|
} catch (error) {
|
|
console.error('Error communicating with backend:', error);
|
|
}
|
|
};
|
|
|
|
return (
|
|
<div>
|
|
<form onSubmit={handleSubmit}>
|
|
<input type="text" value={message} onChange={(e) => setMessage(e.target.value)} />
|
|
<button type="submit">提交</button>
|
|
</form>
|
|
<div>
|
|
AI回复: {assistantResponse}
|
|
</div>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
|
|
export default YourComponent;
|
|
|