問題タブ [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 投票する
3 に答える
9220 参照

javascript - メソッドを小道具として子に渡すReactjs

現在のクラスのメソッドを子クラスに小道具として渡す方法はありますか

例として;

この SignupModal の setWizardState メソッドを子 SignupSetup に小道具として渡したいのですが、エラーが発生します

Uncaught Error: Invariant Violation: replaceState(...): Cannot update during an existing state transition (such as within与える). Render methods should be a pure function of props and state.react.js:17122

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

windows - Windows での React JSX トランスフォーマー

それは何もしないようですか?この commitによると、JSX トランスフォーマーは現在動作するはずです。

現時点で使用しようとしているコマンド:

を変更/\ても効果はありません。パスを二重引用符で囲むこともありません。

このコマンドを実行すると、エラーなしで返され、正常に実行されたようです。しかし、絶対に何も起こりません。変更を行った後にトランスパイルする必要があるテストJSXコードがいくつかC:\dev\_res\jsx\test.jsあります。

今試したいくつかの追加機能:

  • 直接ファイルを変換しようとすると、実行可能ファイルが適切な使用法ドキュメントを吐き出します
  • オプションを使用し-x jsても効果はありません
  • --harmony効果はありません
0 投票する
2 に答える
5349 参照

javascript - Reactjs のネストされたコメント

私は次のjsonを持っています:

ご覧のとおり、一部のコメントには of 個のコメントが含まれていchildren: []ます。このキーに基づいて、Reactjs でネストされたコメントを作成する必要があります。

私は非常に厄介な jquery の方法でこれを行うことができましたが、React では jquery から離れて、ネストされたコメントの純粋な反応ベースを作成したいと考えています。

これを行う例、アイデア、または方法を知っている人はいますか? 私がこれまでに持っているものは次のとおりです。

私のアイデアは、コメントをループして、子供たちに次のような別のコメントを作成させるかどうかを言うことでした

しかし、これは実際には機能しません。これを関数にカプセル化して、次のように言うことができます。

私はどこか正しい軌道に乗っていますか?

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

javascript - Flux エラー: Uncaught ReferenceError: Flux が定義されていません

ReactJS + CoffeeScript アプリケーションをローカルで実行しようとしていますが、ページが JS に読み込まれているように見えますが、コンソールにエラーが表示されて何も表示されません (空白の画面)。

Uncaught ReferenceError: Flux が定義されていません

これは、エラーが発生していると思われるコードのスニペットです。アプリケーションのノード モジュールの一部として Flux があります。ここで何をすることが期待されているのかわかりません。

ガイドしてください。

0 投票する
3 に答える
8482 参照

twitter-bootstrap - React-Bootstrap 入力コンポーネントの検証をプログラムでトリガーする

私は反応するのがかなり新しいので、これはかなり簡単なことかもしれません。現在、(ReactBootstrap から) Modal コンポーネントに取り組んでおり、Modal ダイアログ コンポーネント内で react-bootstrap Input コンポーネントを使用していtype=emailます。これにより、<form>要素内でフォームが送信されると検証がトリガーされ、検証が失敗した場合は入力コンポーネントの上にポップアップ タイプのメッセージが表示されます。ただし、要素内でこのコンポーネントを使用していないため<form>、ボタンをクリックしたときにこれをトリガーしたいと考えています。これは、問題を表すコードの一部です。

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

javascript - react-router と requirejs を使用した React の基本セットアップ

反応ルーターを起動して実行しようとしていますが、どういうわけか反応ルーター内で反応が定義されておらず、そのためエラーで失敗します

後でこのエラーも発生します:

ここで私が間違っていることについて何か考えはありますか?すべてのファイルを連結せずにルーターを機能させたいだけです。

アプリの外観は次のとおりです。

index.html

init.js

反応ルーター-shim.js

testapp.js

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

reactjs - Jest を使用して、ストアに配線された React ビューをテストするにはどうすればよいですか?

storeと通信するReact ビューがあります。ビューとストアを別々にテストしましたが、組み合わせてテストすることはできませんでした。

ここに記載されている構造に従いましたが、 TypeErrorを受け取りました。を使ってもJestがストアをコンポーネントとして登録しようとしているようdontMockです。

関連するコードと思われるものを以下に含めましたが、必要に応じて全体を提供できます。

Jestテストを見る

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