テキストボックスの内容を書き換える場合、defaultValueを使う。
なお、textareaに関しても同様となる。
import React, { useState } from 'react';
const App = () => {
const [value, setValue] = useState('デフォルトの内容');
setValue('書き換える内容');
return (
<>
<input key={value} defaultValue={value} />
</>
);
};