問題タブ [refs]

私はここ数週間、これに対する答えを探していて、見つけた関連するすべてのものを読みました（SO、Reactのドキュメント、react-codemirrorなどの関連ライブラリのソースなど）、そして、私が理解できる答えを見つけることができません。私は React が苦手で、おそらくそこに落ち込んでいます。

私は、Firepad を使用する React (教室向けのブラウザーおよびデスクトップ エディターである Pharaoh と呼ばれる) で構築されたプロジェクトに取り組んでいます (したがって、私が大好きな Firebase と CodeMirror を使用しています)。CodeMirror を使用したデスクトップ Markdown エディターの作成や、Firebase を使用したいくつかのデモ/練習アプリの作成など、上記のすべてのテクノロジを少し使用しました。ここでの私の問題は、ほぼ間違いなく、React を十分に理解していないことの 1 つです。

私がやろうとしているのは、ファイルを Firepad/CodeMirror インスタンスから (デスクトップに) 保存できるようにすることです。私は FileReader と HTML5 Filesystem API の使用方法を一般的に知ってnode-fsいます。ここでのターゲットはデスクトップ アプリ (NW.js で実行される) であるため、これは で実行できる可能性もあります。

CodeMirror には、editorName.codeMirror.doc.getValue()完全に機能する非常に便利なメソッドがいくつかあります。Firepad はさらに単純ですeditorName.firepad.getText()(そして.setText()、ファイルシステムからファイルをロードするためにも使用することになります)。私はこれらがどのように機能するかを知っており、それらが返すものをどのように取得して保存するかを理解できます。それは問題ありません。私の問題は、これらのメソッドに実際にアクセスできないことです。これはおそらく、サードパーティのライブラリやコンポーネントからのメソッドへのアクセス全般について知っておくべきばかげたことですが、ちょっと困惑しています。仕事でよく使うツール、Codeshare.io は React に組み込まれており、Firepad を使用していると思われますが、これらのメソッドが公開されているので、そのソースを掘り下げて (cURL の場合はそうです)、見つけられるかどうかを確認します。答えますが、もっと速いものは本当に役に立ちます。

どうもありがとう！

注: SO の評判をもっと獲得する必要があると思います。投稿する前に、一連のリンクを削除/変更しました。

複製された親がアンマウントされる間、ネストされた元の要素の参照を保持するのに問題があります。私が間違っているのかわかりません。

このような構造のページを持っています

1. Sortable コンポーネントは、各子を Sortable__item コンポーネントにラップします
2. ユーザーが Sortable__item コンポーネントの 1 つをソート (ドラッグ) し始めると、元の Sortable__item を React.cloneElement() してドラッグ可能なシャドウとして表示します
3. このシナリオでは、Page が ref['Collapsible-1'] を保存した Collapsible コンポーネントを使用して、すべての子で複製されます。ページ上のその参照は、このシャドウ参照に変更されます。
4. touchEnd が起動したら、Sortable の状態を更新してシャドウを表示しないようにします (アンマウントされます)。
5. アンマウントされると、ページ内の参照も削除されます（nullに変更されます）
6. 問題: 最初に影に変更され、次に影がマウント解除されたため、ページには元の折りたたみ可能への参照がありません。

この厄介な問題を解決するためのクイックハック/修正. この方法では、参照が既に存在する場合、参照が更新されることはありません。これはかなり悪いですが、他にこれを防ぐ方法がわかりません。誰でも私を正しい方向に向けることができますか?

私は3つのコンポーネントを持っています。1 つの親コンポーネントと 2 つの子コンポーネント (A、B)。最初の子コンポーネント A には、親コンポーネントの機能をトリガーするボタンがあります。親には、子コンポーネント B を表示するかどうかのスイッチがあります。子コンポーネント B が表示される場合は、マウントされます。親から呼び出された子関数 A は、コンポーネント B で関数を実行します。

子コンポーネントBにref属性を設けることで実現しようとしましたが、正当な理由でマウントされていないため、initthis.refsは空です。最初にすべての可能な子コンポーネント B (またはそれ以降の C、D、E) をマウントせずにこれを達成するにはどうすればよいですか。

子 A の onClick イベントが参照されたイベントを常にトリガーすることが重要です。

ここに簡単なドラフトがあります：

論理的な問題を解決するためのヒントを教えてもらえますか?

グローバル電子メールを更新するのを忘れたため、git コミットの作成者を変更しようとしています。以下のコードを使用して変更しました（自分の詳細を使用）。

スクリプトは実行されますが、次のように表示されます。

私はちょっとした git の初心者ですが、このエラーがどこにも見つかりません。ユーザーに関係がありますか? ソース ツリーを介してこれを実行しようとしていますが、何か不足していますか?

ありがとう

ES6 で React を使用してコンポーネントへの参照を取得するにはどうすればよいですか?

私はコンポーネントAを持っています

そして、ComponentAのメソッドを呼び出したい別のコンポーネントB

ComponentA への参照を取得するにはどうすればよいですか? 使ってみました

しかし、私はWebpackを使用していて、ComponentA.jsxがエントリポイントであるため、エラーが発生します

これに対する回避策はありますか?

私はreactjsが初めてです。入力フィールドの値を取得する方法がわかりません。コンポーネントのコーディング方法を示す最良の方法：

これを html ドキュメントでレンダリングすると、正常に動作します。

関数を呼び出すと、すべての情報が取得されます。しかし、私はこのコンポーネントを他のコンポーネントに入れたい:

JSPanel:

私が欲しいのは、関数によって入力から情報を取得することです: sendInformation()

これが私が何を意味するのか明確であり、誰かが私を助けることができることを願っています?

よろしくお願いします