問題タブ [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)」の間に表示されます。

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

0 投票する
2 に答える
2625 参照

reactjs - JSX Converter using React.createElement("h1", null) instead of React.DOM.h1(null)

JSX Transformer Causes Errors

When I convert my react files using the converter from react-tools

Or when I convert with grunt-react

My production file breaks because the conversion uses React.createElement and the error says that this function is undefined.

converts to:

instead of:

The live converter works fine because it uses React.DOM.h1(null, this.state.title). This line of code works well with react, but the React.createElement() function does not work and is not found.

How can I force my auto converter, either JSX or grunt, to convert to React.DOM.h1(null) instead of React.createElement(h1, null). Why does the converter use this function?

0 投票する
2 に答える
2543 参照

javascript - 複数の .jsx ファイルを 1 つの .js ファイルにコンパイルする

複数のreactjs.jsxファイルを1.jsつのステップで1つのファイルにコンパイルする方法はありますか?

何かのようなもの:

jsxtool compile ./src/*.jsx --out app.js

ありがとう。

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

reactjs - React JSX と FirstSibling または FirstChild

JQueryで簡単にできることをReach JSXでやろうとしていますが、JSXではわかりません。例を可能な限り単純化したところ、問題は次のようになりました。

私は多くのタブヘッダーをレンダリングしています.最初のタブを特定のクラス名でレンダリングして、スタイルを変えて別の外観にすることができます(デフォルトで選択されたタブ)。

私のHtmlは次のようになります:

私のJSXは次のようになります:

「selected」や「active」など、最初のテーブルにクラス名を付けたいのですが、その方法がわかりません。

誰でも助けてもらえますか?