NextJS freymvorkidagi mijoz komponentlari
Keling, endi bizning server komponentimizni
mijoz komponentiga aylantiramiz. Buning uchun
komponent faylining boshida
'use client' direktivasini yozamiz:
'use client';
export default function Test() {
return <h1>hello, user!</h1>;
}
Endi bizga useState orqali yaratiladigan
statelar mavjud bo'ladi.
Keling, misol uchun bir state yaratamiz
va uning tarkibini sahifada chiqaramiz:
'use client';
import { useState } from 'react';
export default function Test() {
let [name, setName] = useState('user');
return <h1>hello, {name}!</h1>;
}
Ikkita input va tugmasi bo'lgan mijoz komponentini yaring. Inputlarga raqamlar kiritilsin. Tugmani bosishda kiritilgan raqamlar yig'indisini paragrafda chiqaring.
'use client' direktivasini olib tashlang.
Bunda NextJS server komponentlarida
statelardan foydalanish mumkin emasligi
haqida xatolik chiqarishiga ishonch hosil qiling.