問題タブ [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 - メソッドを小道具として子に渡す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
windows - Windows での React JSX トランスフォーマー
それは何もしないようですか?この commitによると、JSX トランスフォーマーは現在動作するはずです。
現時点で使用しようとしているコマンド:
を変更/
し\
ても効果はありません。パスを二重引用符で囲むこともありません。
このコマンドを実行すると、エラーなしで返され、正常に実行されたようです。しかし、絶対に何も起こりません。変更を行った後にトランスパイルする必要があるテストJSXコードがいくつかC:\dev\_res\jsx\test.js
あります。
今試したいくつかの追加機能:
- 直接ファイルを変換しようとすると、実行可能ファイルが適切な使用法ドキュメントを吐き出します
- オプションを使用し
-x js
ても効果はありません --harmony
効果はありません
javascript - Reactjs のネストされたコメント
私は次のjsonを持っています:
ご覧のとおり、一部のコメントには of 個のコメントが含まれていchildren: []
ます。このキーに基づいて、Reactjs でネストされたコメントを作成する必要があります。
私は非常に厄介な jquery の方法でこれを行うことができましたが、React では jquery から離れて、ネストされたコメントの純粋な反応ベースを作成したいと考えています。
これを行う例、アイデア、または方法を知っている人はいますか? 私がこれまでに持っているものは次のとおりです。
私のアイデアは、コメントをループして、子供たちに次のような別のコメントを作成させるかどうかを言うことでした
しかし、これは実際には機能しません。これを関数にカプセル化して、次のように言うことができます。
私はどこか正しい軌道に乗っていますか?
javascript - Flux エラー: Uncaught ReferenceError: Flux が定義されていません
ReactJS + CoffeeScript アプリケーションをローカルで実行しようとしていますが、ページが JS に読み込まれているように見えますが、コンソールにエラーが表示されて何も表示されません (空白の画面)。
Uncaught ReferenceError: Flux が定義されていません
これは、エラーが発生していると思われるコードのスニペットです。アプリケーションのノード モジュールの一部として Flux があります。ここで何をすることが期待されているのかわかりません。
ガイドしてください。
twitter-bootstrap - React-Bootstrap 入力コンポーネントの検証をプログラムでトリガーする
私は反応するのがかなり新しいので、これはかなり簡単なことかもしれません。現在、(ReactBootstrap から) Modal コンポーネントに取り組んでおり、Modal ダイアログ コンポーネント内で react-bootstrap Input コンポーネントを使用していtype=email
ます。これにより、<form>
要素内でフォームが送信されると検証がトリガーされ、検証が失敗した場合は入力コンポーネントの上にポップアップ タイプのメッセージが表示されます。ただし、要素内でこのコンポーネントを使用していないため<form>
、ボタンをクリックしたときにこれをトリガーしたいと考えています。これは、問題を表すコードの一部です。
javascript - react-router と requirejs を使用した React の基本セットアップ
反応ルーターを起動して実行しようとしていますが、どういうわけか反応ルーター内で反応が定義されておらず、そのためエラーで失敗します
後でこのエラーも発生します:
ここで私が間違っていることについて何か考えはありますか?すべてのファイルを連結せずにルーターを機能させたいだけです。
アプリの外観は次のとおりです。
index.html
init.js
反応ルーター-shim.js
testapp.js
reactjs - Jest を使用して、ストアに配線された React ビューをテストするにはどうすればよいですか?
storeと通信するReact ビューがあります。ビューとストアを別々にテストしましたが、組み合わせてテストすることはできませんでした。
ここに記載されている構造に従いましたが、 TypeErrorを受け取りました。を使ってもJestがストアをコンポーネントとして登録しようとしているようdontMock
です。
関連するコードと思われるものを以下に含めましたが、必要に応じて全体を提供できます。
Jestテストを見る
ありがとうございました!