import { Button } from '@/components/ui/button' import { Input } from '@/components/ui/input' import { Label } from '@radix-ui/react-label' import { Inter } from 'next/font/google' import Head from 'next/head' import { useRouter } from 'next/router' import { useState } from 'react' const inter = Inter({ subsets: ['latin'] }) export default function Home() { const router = useRouter() const [roomName, setRoomName] = useState('') const onSubmit = (e: React.FormEvent) => { e.preventDefault(); if (!roomName) { alert('请输入房间名'); return; } router.push(`/room/${roomName}`); } return (
一起看
setRoomName(e.target.value)} name="roomId" autoCapitalize="none" />
) }