NextJS фреймворгундагы кардардык компоненттер

Келгиле, азыр биздин сервердик компонентибизди кардардык компонентке айландыралы. Бул үчүн компоненттин файлынын башында 'use client' директивасын жазабыз:

'use client';

export default function Test() {
	return <h1>hello, user!</h1>;
}

Азыр бизге useState аркылуу түзүлгөн стейттер кол жеткич болот. Келгиле, мисал үчүн стейт түзөлү жана анын мазмуун версткада көрсөтөлү:

'use client';

import { useState } from 'react';

export default function Test() {
	let [name, setName] = useState('user');
	return <h1>hello, {name}!</h1>;
}

Эки инпут жана баскыч менен кардардык компонентти жасаңыз. Инпуттарга сандар киргизилсин. Баскычты басканда, киргизилген сандардын суммасын абзацта көрсөтүлү.

'use client' директивасын алып салыңыз. Бул учурда NextJS сервердик компоненттердин ичинде стейттерди колдонууга болбойт деген ошибка берерине ынаныңыз.