問題タブ [react-dom]

だから私は、バックエンドを提供するエクスプレスでreact-JS Webサイトを構築しています。認証にreact-routerとreact-stormpathを使用しています。webpack も使用します。ブートストラップ JavaScript の読み込みに問題があります。react-bootstrap をインストールし、エクスプレスから css ファイルを問題なく提供しています。ただし、レンダリングしようとすると、いくつかのエラーが発生します。1 つは ReactDOM が を認識しないこと ReactDOM(Uncaught ReferenceError: ReactDOM is not defined(…))に関連し、もう 2 つはbootstrap(Uncaught TypeError: Cannot read property 'PropTypes' of undefined(…) & Uncaught SyntaxError: Unexpected token :). これは私の最初の React アプリケーションです。

私はそれを完全には理解していませんが、明らかに findDOMNode() の使用は推奨されていません。

ドラッグ アンド ドロップ コンポーネントを作成しようとしていますが、コンポーネント変数から参照にアクセスする方法がわかりません。これは私が現在持っているものの例です：

ソース

編集

私のコンポーネントがドラッグ アンド ドロップのソースとターゲットの両方であることが原因である可能性があります。

node,expressを使ってreactアプリを作っています。しかし、突然、「Uncaught SytaxError: Unexpected Token :」というエラーが表示されます。

そして、次の行で改行します:

これは、ブラウザコンソールで確認できるものです。React-dev-tools はエラーなしで完全にコンパイルされます。

どんな助けでも大歓迎です！ありがとう！

編集: 要求されたファイル

App.js :

webpack.config.js :

現在、Meteor アプリの「インデックス」としてこれを持っています。

「Bar」のコードを使用して、「Foo」の内容をどうにか変更できるかどうか疑問に思っています。

基本的に、「Foo」は次のようなコードになります。

Bar にも同様のコードがあります。

しかし、「TEXT TO BE REPLACED」を変更する何らかのコードが必要です。どういうわけかこれを行う方法はありますか？多分反応DOMか何かで？私はこれを強引にやってのけるようなものなので、基本的な基礎を知らないかもしれません、ごめんなさい

前もって感謝します

私は次のように create-react-app で React Router v4.0.0-alpha.3 を使用しています:

これらのエラーが発生しています。

これをオンラインで引き起こすことがわかった唯一のことは、間違ってインポートしている可能性があることですが、私の知る限り. 明らかに明白な何かを見落としていると確信しています。

アプリと Storepicker のコード:

--

スタンドアロン ライブラリとして機能する縮小ファイルで RequireJS を介して React + ReactDOM を使用しようとしています。

私はReactを使用できるようになりました（縮小されたファイルにバンドルされています）が、ReactDOMを使用しようとするとすべてが壊れます。これまでに見つかった考えられる原因は、「require-dom」をロードしようとしている間に縮小されたファイルからコードをロードする代わりに、ファイル「react-dom」をインポートします。（実際にはreact-domが含まれています）。

実際、必要なすべてのファイルをプリコンパイルするために grunt を使用しています。これが私のうなり声のrequirejs構成です：

Main.js は次のとおりです。

上記の構成ですべてのコードをコンパイルした後、次のように html ファイルに含めます。

Index.js は、次のような requirejs ファイルです。

上記のコードを実行したときに表示されるエラーは次のとおりです。

react-dom を削除すると、すべてがスムーズに読み込まれます。

React をシムとしてインポートすると、react-dom がグローバルな React 変数を検出するなど、これまでにいくつかのことを試しましたが、どちらも機能しませんでした。

事前に感謝します。

更新: コード例を含む Github リポジトリ

更新 2: react-dom lib と縮小されたスクリプトでしばらくデバッグした後、縮小されたスクリプトで "define('react-dom')" の呼び出しの前にメイン メソッドが実行されることがわかったので、問題は解決しました。 「「react-dom」を定義するコードが適切に実行されるまでメインスクリプトを待機させる方法」として。

FlexibleInput というステートレス コンポーネントがあります。

この FlexibleInput を AddNote というフォームで使用します。

this.addNote 関数を使用して送信した後... FlexibleInput の入力値をリセットできるようにしたいと考えています。

私は醜いお尻のハックバージョンをなんとかしました...

これにより、値が適切にリセットされます。これは、おそらく FlexibleInput の構造が変更されるため、変更される傾向がありますか? 私は知りません、うまくいけばそうではありません。

しかし、私の主な質問は、ある種のことができる方法があるかどうかです

this.refs[bla bla].find(#input)

とか、ぐらい？

React/ReactDOM のドキュメントでは、ref.

ありがとうございました！

私はherokuにcreate-react-appを持っています。変更を本番環境にデプロイしようとすると失敗し、次のエラーが表示されます。

しかし、私がやると成功しますnpm run build。ここに私のpackage.jsonファイルがあります:

node_modules ファイルを削除して、こちらのアドバイスに従って再インストールしようとしましたが、引き続き同じエラーが発生します。heroku でビルドパックをセットアップし、先週アプリを正常にデプロイできました。ヘルプやアドバイスをいただければ幸いです。