NextJS framework-indaky müşderi komponentleri
Indi bizim serwer komponentimizi
müşderi komponentine öwüreliň.
Bunun üçin komponent faýlynyň
başynda 'use client' direktiwany ýazaýys:
'use client';
export default function Test() {
return <h1>hello, user!</h1>;
}
Indi bizde useState arkaly döredilýän
statelar elýeterli bolar.
Mysal üçin bir state döredeliň
we onuň mazmunny web sahypasyna çykaraýlyň:
'use client';
import { useState } from 'react';
export default function Test() {
let [name, setName] = useState('user');
return <h1>hello, {name}!</h1>;
}
Iki input we düwme bilen müşderi komponentini ýasaň. Inputlara sanlar girizilsin. Düwmä basylanyňyzda, girizilen sanlaryň jemini paragrafa çykaryň.
'use client' direktiwany aýyryň.
Bu ýagdaýda NextJS-in statelary
serwer komponentlerinde ulanyp bolmaýandygyna
degishli ýalňyşlyk görkezýändigine göz ýetiriň.