質問編集履歴

4

文章を消去

2021/06/19 06:12

投稿

kwm1910
kwm1910

スコア2

test CHANGED
File without changes
test CHANGED
@@ -1,8 +1,4 @@
1
1
  次のようなコードがあるとします。
2
-
3
-
4
-
5
- codeSandBox: [https://codesandbox.io/s/react-hook-form-basic-forked-bew39?file=/src/index.js](https://codesandbox.io/s/react-hook-form-basic-forked-bew39?file=/src/index.js)
6
2
 
7
3
 
8
4
 

3

文章を修正

2021/06/19 06:11

投稿

kwm1910
kwm1910

スコア2

test CHANGED
@@ -1 +1 @@
1
- [react hook form] 複数のフォームで、特定のフィールドの値を常に同期させたい
1
+ [react hook form] 複数のフォームで、特定のフィールドの値を常に同期させたい
test CHANGED
@@ -50,11 +50,15 @@
50
50
 
51
51
 
52
52
 
53
- Form コンポーネントが2つあります。そして、Form コンポーネントの子要素には a という input 要素と、b という input 要素があります。このうち、a という input 要素の値は、2つの Form コンポーネントでつねに同じにしたいのですが、どのように実装すればよいかわかりません。
53
+ コードの説明をします。まず、Form コンポーネントが2つあります。そして、Form コンポーネントの子要素には a という input 要素と、b という input 要素があります。
54
54
 
55
55
 
56
56
 
57
+ このうち、a という input 要素の値は、2つの Form コンポーネントでつねに同じにしたいです。しかし、どのように実装すればよいかわかりませんでした。
58
+
59
+
60
+
57
- どのように実装すればでしょうご教授いただけると助かります。
61
+ どのように実装すればいいのかご教授いただけると助かります。
58
62
 
59
63
 
60
64
 

2

情報を追加

2021/06/19 02:29

投稿

kwm1910
kwm1910

スコア2

test CHANGED
File without changes
test CHANGED
@@ -55,3 +55,13 @@
55
55
 
56
56
 
57
57
  どのように実装すればよいでしょうか?ご教授いただけると助かります。
58
+
59
+
60
+
61
+ 僕は最初、a という input 要素の値を保存するコンテクストを作成したあと、次のような処理を Form コンポーネントに追加しました。
62
+
63
+ ・もし、フォームに更新があったら、コンテクストを更新する。
64
+
65
+ ・もし、コンテクストに更新があったら、フォームを更新する。
66
+
67
+ しかし、この処理だと無限ループに陥ってしまいうまくいきませんでした。

1

文章の修正

2021/06/19 02:25

投稿

kwm1910
kwm1910

スコア2

test CHANGED
File without changes
test CHANGED
@@ -54,4 +54,4 @@
54
54
 
55
55
 
56
56
 
57
- ご教授いただけると助かります。
57
+ どのように実装すればよいでしょうか?ご教授いただけると助かります。