質問編集履歴
4
文章を消去
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
文章を修正
test
CHANGED
@@ -1 +1 @@
|
|
1
|
-
[react hook form] 複数のフォームで、特定のフィールドの値を常に同期させたい
|
1
|
+
b[react hook form] 複数のフォームで、特定のフィールドの値を常に同期させたい
|
test
CHANGED
@@ -50,11 +50,15 @@
|
|
50
50
|
|
51
51
|
|
52
52
|
|
53
|
-
Form コンポーネントが2つあります。そして、Form コンポーネントの子要素には a という input 要素と、b という input 要素があります。
|
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
情報を追加
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
文章の修正
test
CHANGED
File without changes
|
test
CHANGED
@@ -54,4 +54,4 @@
|
|
54
54
|
|
55
55
|
|
56
56
|
|
57
|
-
ご教授いただけると助かります。
|
57
|
+
どのように実装すればよいでしょうか?ご教授いただけると助かります。
|