NextJS Freymvorkunda Müştəri Komponentləri
Gəlin indi server komponentimizi
müştəri komponentinə çevirək. Bunun üçün
komponent faylının əvvəlinə
'use client' direktivini yazaq:
'use client';
export default function Test() {
return <h1>hello, user!</h1>;
}
İndi bizə useState vasitəsilə
yaradılan statelər əlçatan olacaq.
Nümunə üçün bir state yaradaq
və onun məzmununu səhifədə göstərək:
'use client';
import { useState } from 'react';
export default function Test() {
let [name, setName] = useState('user');
return <h1>hello, {name}!</h1>;
}
İki input və bir düyməsi olan müştəri komponenti hazırlayın. Inputlara rəqəmlər daxil edilsin. Düyməyə klikləndikdə daxil edilən rəqəmlərin cəmini abzasda göstərin.
'use client' direktivini silin.
Bu halda NextJS-in server komponentləri
daxilində statelərdən istifadə
etmək olmazsə səbəbindən xəta
verdiyini yoxlayın.
