Reactでテキストボックスの内容を書き換える

テキストボックスの内容を書き換える場合、defaultValueを使う。

なお、textareaに関しても同様となる。

import React, { useState } from 'react';

const App = () => {
  const [value, setValue] = useState('デフォルトの内容');
  setValue('書き換える内容');

  return (
    <>
      <input key={value} defaultValue={value} />
    </>
  );
};