問題タブ [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.
javascript - React JSX コンパイル
リンクをクリックしたときに「アクティブ」というクラス名をリンクに追加しようとしています。この JSX をコンパイルできません。
私は何を間違っていますか?
reactjs - NPMを反応させてグローバルに動作させるには?
NPM モジュールをローカルで反応させることができますが、グローバルにインストールすると、npm install -g reactify
見つかりません。
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.
エラーが発生します。ただし、これは毎回機能します。
ここで何が起こっているのか、そしておそらくそれを行う「正しい」方法を理解したいと思います。
jquery - JSX ファイルのエラー: gon が定義されていません
React.js でGonを使用しようとしています。最初は、Gon を使用して静的データを渡すだけでしたが、うまくいきました。ただし、jsx ファイルで Ajax(jquery) を使用すると、エラーがスローされます。
私のコントローラーでは、次の 2 つの関数を確認できます。
share
フォームのアクションなので、静的データを新しいページに正しく渡すことができます。
search
Ajax によって呼び出された場合、動的データを現在のページに戻すことはできません。
私のapplication.html.erbで、2 つのバージョンを試しましたが、どちらも機能しません。
と
最後に、私の.js.jsxファイルで:
もちろん、試してみgon.watch
ましたが、うまくいきません!助言がありますか?
javascript - OPTION タグのコンテンツに静的テキストと状態値を含む不変違反
この状態の変更を SELECT タグでレンダリングすると React でエラーが発生する理由を教えてください。不変違反エラーが発生します。エラーが示唆するブラウザによって行われているDOMの変更は見られません。これを機能させるために、dangerouslySetInnerHTML メソッドを使用することになりました。ご意見ありがとうございます。
状態値が変化したときにエラーをスローするコードは次のとおりです。
このコードは正常に動作します:
内部 HTML コンテンツとして評価された状態値を持つ静的テキストは、他の要素で正常に機能しますか? これはReactのバグですか?
javascript - 他の API を参照する行を無視するように jsx コンパイラを取得する
React.js を使用して、クロム コンテンツ スクリプトでコンポーネントを作成しています。
ローカル ストレージ内のデータが変更された場合、react コンポーネントは再レンダリングする必要があります。
マウント機能付き
もちろん、jsx コンパイラは chrome API 呼び出しについて不平を言います。jsx コンパイラにこの行を無視させるにはどうすればよいですか。つまり、vanilla js のままにしておきますか?
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)」の間に表示されます。
誰かが私が間違っていることを教えてもらえますか?
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?
javascript - 複数の .jsx ファイルを 1 つの .js ファイルにコンパイルする
複数のreactjs.jsx
ファイルを1.js
つのステップで1つのファイルにコンパイルする方法はありますか?
何かのようなもの:
jsxtool compile ./src/*.jsx --out app.js
ありがとう。
reactjs - React JSX と FirstSibling または FirstChild
JQueryで簡単にできることをReach JSXでやろうとしていますが、JSXではわかりません。例を可能な限り単純化したところ、問題は次のようになりました。
私は多くのタブヘッダーをレンダリングしています.最初のタブを特定のクラス名でレンダリングして、スタイルを変えて別の外観にすることができます(デフォルトで選択されたタブ)。
私のHtmlは次のようになります:
私のJSXは次のようになります:
「selected」や「active」など、最初のテーブルにクラス名を付けたいのですが、その方法がわかりません。
誰でも助けてもらえますか?