Darbība ar textarea React
Tagad iemācīsimies strādāt ar daudzrindu
ievades lauku textarea.
React darbs ar to ir veidots ērtībai
līdzīgs darbam ar teksta ievades lauku. Atšķirībā
no tīra JS, React textarea
nav nepieciešams aizverošs tags, un tā teksts jā
ievieto atribūtā value.
Skatiet piemēru:
function App() {
const [value, setValue] = useState('');
function handleChange(event) {
setValue(event.target.value);
}
return <div>
<textarea value={value} onChange={handleChange} />
<p>{value}</p>
</div>;
}
Saīsinātā formā:
function App() {
const [value, setValue] = useState('');
return <div>
<textarea value={value} onChange={event => setValue(event.target.value)} />
<p>{value}</p>
</div>;
}
Lai textarea tiek ievadīts teksts. Padariet
tā, lai rindkopā tiktu izvadīts ievadītā
teksta translīts.
Lai textarea katrā rindā
tiek ievadīti skaitļi. Padariet tā, lai, ievades laikā, rindkopā tiktu izvadīta ievadīto skaitļu summa.
