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

sublimetext - Sublime TextでReact JSXのコメント文字を定義するには?

OSX では、Sublime Text 3 (ビルド 3065) で、構文を asJavaScript(JSX)または justJSXに設定して、通常の cmd+/を押して、選択したテキストをコメントアウトします。

ただし、次のように選択範囲をラップする場合、ST3 はデフォルトで//コメント文字になります。

{/* foobar selected text */}

私はここを見ていますが、何を編集すればよいかわかりません:

/Users/admin/Library/Application Support/Sublime Text 3/Packages/User/JavaScript (JSX).tmLanguage

前もって感謝します!:)

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

javascript - 変更をポーリングせずにサーバー側のレンダリングに反応する

私は、既存の Web アプリをノックアウトから反応 js に移行する実験を行っています。

現状では、アプリケーションはサーバーへの websocket 接続を確立し、非同期で更新を受信します (たとえば、チャット ルームのように、お互いの状態に影響を与える可能性のあるクライアントが多数存在する可能性があります)。

私の質問は、もし私がレンダリング サーバー側で行った場合、どのように変更を各クライアントにプッシュできるのでしょうか? サーバーでのレンダリングについて読み始めたばかりなので、それがどのように機能するかを誤解しているかもしれませんが、私が信じている方法は次のとおりです。

クライアントはサーバーに送信されるアクションを実行し、サーバーはクライアントがDOMに置き換えるhtmlフラグメントで応答します

サーバーまたは別のクライアントによって状態を変更できるアプリの場合、これらの更新を表示するために websockets/http ポーリングを使用する必要がありますか?

それ以外の場合、サーバーが新しいフラグメントをプッシュすることは可能ですか?

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

javascript - React.js はオブジェクトのキーと値のペアを props として渡します

私は自分の jsx で次のようなことをしていることがよくあります。

オブジェクト内のすべてのキーと値のペアを要素への小道具として渡すことを可能にするインフラストラクチャは提供されていますか? オブジェクト全体を渡すことができることは承知していますが、 を参照する必要があるため、特に渡す唯一のものである場合は、最大限にエレガントに感じられませんthis.props.myObject.key1

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

javascript - React の一部の HTML の途中にタグを条件付きで含めるにはどうすればよいですか

React コンポーネントがAvatarあり、プロファイルにリンクするかどうかを選択できます。たとえば、ユーザー プロファイルでカスタムを行いたい場合は、プロファイルにリンクさせたくない場合がありますclickHandler。リンク以外の if と else で基本的に同一の HTML を使用して if/else を実行する以外に、より良い方法はありますか? 以下は、私が言いたいことの例を示すための疑似レンダリング コードです。

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

reactjs - JSXは出力を与えません

Ubuntu 14.04を使用しています

ノードをインストールしました

npmをインストールしました

反応ツールをインストールしました

私がしようとすると:

出力がありません。何が間違っているのでしょうか?おそらくpebcakですが、ヒントをいただければ幸いです。

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

node.js - coffeescript jsx で冗談を言いますか?

Jest を使用して、CoffeeScript + React jsx で記述された React コンポーネントをテストするにはどうすればよいですか?

Jest で提供される唯一の CoffeeScript の例はプレーンな CoffeeScript を使用しており、CoffeeScript + React JSX では機能しません (a に達すると構文エラーになります<)。

私が試したこと

最初の試行: execSync

これは機能しますが、時間がかかりすぎます (ダミー テストでは 12 秒が適切です)。

それから私は試しました:

2 回目の試行: coffee-react-transform

これにより、次のような奇妙なエラーがスローされます。

TypeError: function() {...} にはメソッド「getPooled」がありません

「メソッド 'getPooled' がありません」に対する唯一の Google の結果は、この gistです。これは、私が取得したエラーを正確に示していますが、他の洞察は提供していません。

3 回目の試み

私はcoffee-reactifyを使用できると思いますが、非同期のストリームを返しますが、process関数preprocess.jsは同期的に使用され、これまでのところ、ストリームを同期的に読み取る方法は見つかりませんでした。

私に何ができる?