Shark -

Tìm kiếm:
Trang chủ
Giới thiệu
Sản phẩm
Chuong trinh su kien
Liên Hệ
Đăng nhập
// ChatBox.jsx import React, { useState } from 'react'; import './ChatBox.css'; // chứa phần CSS const ChatBox = () => { const [messages, setMessages] = useState([]); const [input, setInput] = useState(''); const sendMessage = () => { if (input.trim() === '') return; setMessages([...messages, { text: input, sender: 'user' }]); setInput(''); setTimeout(() => { setMessages(prev => [...prev, { text: 'Xin chào! Cảm ơn bạn đã nhắn tin.', sender: 'bot' }]); }, 1000); }; return (

Chat với chúng tôi

{messages.map((msg, i) => (
{msg.text}
))}

setInput(e.target.value)} onKeyDown={e => e.key === 'Enter' && sendMessage()} />

); }; export default ChatBox;