問題タブ [react-ref]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
reactjs - ReactJS で複数のキャンバスを処理する方法
クラスの状態で配列に格納している1つのページに2つのキャンバスを表示したい。基本コード-
クリックすると2つのボードを切り替えるスイッチボタンがあります。switch()関数-
キャンバスの上に木を描き、下に花を描いたとします。スイッチをクリックすると、2 つのキャンバス要素が正常に切り替わりますが (開発者ツールで表示されます)、ツリーは依然として上部に表示され、花は下部に表示されます。つまり、Web ページでキャンバスが切り替わっていないように見えます。
ctx.save()キャンバスに andを使用してみctx.restore()ましたが、それもうまくいかないようです。
なぜこれが起こっているのか混乱していますか？ここで何が間違っていますか？
javascript - 子機能コンポーネントから親機能コンポーネントに要素参照を渡すことは可能ですか?
この投稿は私が見つけることができる限り近いものですが、2 つの機能コンポーネントに対してはまだ動作させることができません。さらに質問に答えたり、詳細情報を提供できる場合はお知らせください。お時間をいただきありがとうございました。
reactjs - ref を使用して別のコンポーネントからコンポーネント メソッドを呼び出す
ユーザーがコンポーネントをクリックしたときにコンポーネントのshowメソッドを呼び出そうとしていますが、機能しません。Modal<button>App
a を使用して、コンポーネントからコンポーネントrefにアクセスします。ModalApp
reactjs - ReactでマップなしでMapboxGeocoderを使用する方法
React でマップなしで Mapbox Geocoder を使用しようとしています ( https://docs.mapbox.com/mapbox-gl-js/example/mapbox-gl-geocoder-no-map/を参照)。refs を正常に作成できますが、それを.addTo()関数の引数として使用すると、refs は次のエラー メッセージが表示されます[object HTMLDivElement]。
コードはこちら: https://codesandbox.io/s/patient-hill-xvh12?fontsize=14&hidenavigation=1&theme=dark