疑問

Vueなら以下のようにv-modelでフォーム入力と同時に文字を表示させることが可能ですが
Reactでは同じように実現可能でしょうか？またfunctionコンポーネントでも可能でしょうか？
色々調べてるのですが、良いサンプルコードがなく困っています。

要件まとめ

v-modelのようにReactでもフォーム入力と同時に文字を表示
functionコンポーネント前提

vue
1<!-- Vueならこれで実現可能 -->
2<template>
3    <div id="app">
4        <textarea v-model="message"></textarea>
5        <pre>{{ message }}</pre>
6    </div>
7</template>
8
9<script>
10new Vue({
11  el: '#app',
12  data: {
13    message: 'Hello!'
14  }
15})
16</script>

いまやってること

jsx
1// ...省略
2const Index = () => {
3  const [ value, setValue ] = useState({ value: '' });
4
5  const handleChange = (e) => {
6    return setValue({value: e.target.value});
7  }
8
9  return (
10    <React.Fragment>    
11      <input value={value} onChange={handleChange} />
12    </React.Fragment>
13  );
14}
15// ...省略

出力結果
値が来ていない

行動規範の内容に同意します

回答1件

自己解決

すみません。
再度useStateを見返してやったら解決できましたので
コード載せておきます。

jsx
1// ...省略
2
3const Index = () => {
4  const [input, setInput] = useState('');
5
6  return (
7    <React.Fragment>
8      <input className="board-input" onChange={(e) => setInput(e.target.value)} />
9      { input }
10    </React.Fragment>
11  );
12}
13
14// ...省略