React-dä ýagdaýlary ulanmak

Önümiň adyny öz içine alýan ýagdaý döretmek üçin useState funksiýasyny ulanýarys:

const state = useState('prod');

Netijede state konstantasy massiw bolup, onuň birinji elementinde önümiň ady saklanar, ikinjisinde bolsa ony üýtgetmek üçin funksiýa:

const state   = useState('prod');
const name    = state[0];
const setName = state[1];

Gysgaçylyk üçin, köplenç, massiw üçin aralyk konstantasyny ulanmaýarlar, ýöne destorlama ulanýarlar:

const [name, setName] = useState('prod');

Indi, önümiň ady bilen ýagdaýymyzy käbir wersiýada çykarýarys:

return <p>
	<span>{name}</span>
</p>;

Hemmesini bir ýere ýygnap, aşakdaky kody alýarys:

import React, { useState } from 'react';

function App() {
	const [name, setName] = useState('prod');
	
	return <div>
		<span>{name}</span>
	</div>;
}

export default App;

Eger bu kody işletseňiz, başda divde ýagdaýyň başlangyç bahasy çykar, biziň ýagdaýymyzda 'prod'. Ýagdaýy setName funksiýasy arkaly üýtgetseňiz, wersiýada awtomatiki usulda ýagdaýyň täze bahasy peýda bolar.

Ekranda ulanyjy baradaky maglumatlary görkezmek isleýändigiňizi guman edeliň: onuň ady, familiýasy, ýaşy. Munuň üçin degişli başlangyç bahalar bilen ýagdaýlar düzüň.