回答編集履歴

1

誤解を招く表記の修正

2024/06/18 10:01

投稿

ryuichi-works
ryuichi-works

スコア40

test CHANGED
@@ -1,4 +1,5 @@
1
1
  useRefを使ってみるのはどうでしょうか。chromeの検証ツールから見るとinputタグのvalue属性は確かに最初stateのvalueの値が入っていますが、これは初回レンダリング以降静的な値として生成されているようで、inputの値を変えた時にsetValueでstateを書き換えた時にはspanタグしか際レンダリングされていないためにinputタグのvalue属性が入力された値で置き換わっていないようです。これをinputタグのvalue属性に反映させるためにuseRefを使用すると意図される動きになると思います。
2
+ 追記:訂正:value属性は初期値を設定する属性で、上記で実際に置き換えているのはinputの入力内容です。
2
3
 
3
4
  ```ここに言語を入力
4
5
  function App() {