React'ta textarea ile Çalışma
Şimdi çok satırlı giriş alanı textarea
ile nasıl çalışılacağını öğrenelim.
React'ta onunla çalışma, kolaylık sağlamak için,
metin girişiyle çalışmaya benzer şekilde yapılmıştır.
Saf JS'nin aksine, React'ta textarea
için kapanış etiketi gerekmez ve metni
value özniteliğinde belirtilmelidir.
Örneğe bakın:
jsxfunction App() {
const [value, setValue] = useState('');
function handleChange(event) {
setValue(event.target.value);
}
return <div>
<textarea value={value} onChange={handleChange} />
<p>{value}</p>
</div>;
}
Kısaltılmış formda:
jsxfunction App() {
const [value, setValue] = useState('');
return <div>
<textarea value={value} onChange={event => setValue(event.target.value)} />
<p>{value}</p>
</div>;
}
Задание 1
textarea içine metin girilsin.
Girilen metnin translit halinin paragrafa yazdırılmasını sağlayın.
Задание 2
textarea içine her satıra
bir sayı girilsin. Girilen sayıların toplamının
giriş yapılırken paragrafa yazdırılmasını sağlayın.