問題タブ [react-jsx]

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.

0 投票する
1 に答える
1063 参照

javascript - React JSX コンパイル

リンクをクリックしたときに「アクティブ」というクラス名をリンクに追加しようとしています。この JSX をコンパイルできません。

私は何を間違っていますか?

0 投票する
1 に答える
777 参照

reactjs - NPMを反応させてグローバルに動作させるには?

NPM モジュールをローカルで反応させることができますが、グローバルにインストールすると、npm install -g reactify見つかりません。

0 投票する
1 に答える
23531 参照

javascript - React Render での不変違反、または React で反復して返す適切な方法

React レンダリングで永続的な問題が発生しています。

このコード

Invariant Violation: AnswerRows.render(): A valid ReactComponent must be returned. You may have returned undefined, an array or some other invalid object.エラーが発生します。ただし、これは毎回機能します。

ここで何が起こっているのか、そしておそらくそれを行う「正しい」方法を理解したいと思います。

0 投票する
0 に答える
291 参照

jquery - JSX ファイルのエラー: gon が定義されていません

React.js でGonを使用しようとしています。最初は、Gon を使用して静的データを渡すだけでしたが、うまくいきました。ただし、jsx ファイルで Ajax(jquery) を使用すると、エラーがスローされます。

私のコントローラーでは、次の 2 つの関数を確認できます。

shareフォームのアクションなので、静的データを新しいページに正しく渡すことができます。

searchAjax によって呼び出された場合、動的データを現在のページに戻すことはできません。

私のapplication.html.erbで、2 つのバージョンを試しましたが、どちらも機能しません。

最後に、私の.js.jsxファイルで:

もちろん、試してみgon.watchましたが、うまくいきません!助言がありますか?

0 投票する
1 に答える
293 参照

javascript - OPTION タグのコンテンツに静的テキストと状態値を含む不変違反

この状態の変更を SELECT タグでレンダリングすると React でエラーが発生する理由を教えてください。不変違反エラーが発生します。エラーが示唆するブラウザによって行われているDOMの変更は見られません。これを機能させるために、dangerouslySetInnerHTML メソッドを使用することになりました。ご意見ありがとうございます。

状態値が変化したときにエラーをスローするコードは次のとおりです。

このコードは正常に動作します:

内部 HTML コンテンツとして評価された状態値を持つ静的テキストは、他の要素で正常に機能しますか? これはReactのバグですか?

0 投票する
1 に答える
154 参照

javascript - 他の API を参照する行を無視するように jsx コンパイラを取得する

React.js を使用して、クロム コンテンツ スクリプトでコンポーネントを作成しています。

ローカル ストレージ内のデータが変更された場合、react コンポーネントは再レンダリングする必要があります。

マウント機能付き

もちろん、jsx コンパイラは chrome API 呼び出しについて不平を言います。jsx コンパイラにこの行を無視させるにはどうすればよいですか。つまり、vanilla js のままにしておきますか?

0 投票する
8 に答える
53489 参照

javascript - 基本的な React の例のエラー: Uncaught TypeError: undefined is not a function

反応をアプリに接続しようとしています。rails-react を使用した Rails アプリです (問題の一部ではないと思いますが)。私は現在、非常に単純な 1 コンポーネントのセットアップを使用しています。

私のhtmlファイルには以下が含まれています:

次のように、rails-react が react_admin.js.jsx を react_admin.js に変換していることがわかります。

ただし、chrome は Render.react() 呼び出しで「Uncaught TypeError: undefined is not a function」を発生させており、「(」と「CommentBox(null)」の間に表示されます。

誰かが私が間違っていることを教えてもらえますか?