В общем при срабатывании onClick{codeText} текст в первой textarea меняется. Как сделать так чтобы текст удалялся из первой textarea и переносился во вторую?
return(
<div>
<h1>{text}</h1>
<div>
<textarea className="inputBox" placeholder="Input" value={text} onChange={event => setText(event.target.value)}/>
</div>
<div>
<textarea className="inputBox" placeholder="Output"/>
</div>
<button onClick={codeText} className="codeButt">
Готово
</button>
</div>
)