# Работа с textarea в React

Давайте теперь научимся работать с многострочным полем ввода `textarea`. В React работа с ним, для удобства, сделана похожей на работу с текстовым инпутом. В отличие от чистого JS, в React в `textarea` не нужен закрывающий тег, а его текст следует размещать в атрибуте `value`.

Смотрите пример:

`function App() { const [value, setValue] = useState(''); function handleChange(event) { setValue(event.target.value); } return <div> <textarea value={value} onChange={handleChange} /> <p>{value}</p> </div>; }`

В сокращенной форме:

`function App() { const [value, setValue] = useState(''); return <div> <textarea value={value} onChange={event => setValue(event.target.value)} /> <p>{value}</p> </div>; }`

Пусть в `textarea` вводится текст. Сделайте так, чтобы в абзац выводился транслит вводимого текста.

Пусть в `textarea` на каждой строке вводятся числа. Сделайте так, чтобы по мере ввода в абзац выводилась сумма введенных чисел.

←→
↑