問題タブ [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.
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
前もって感謝します!:)
javascript - 変更をポーリングせずにサーバー側のレンダリングに反応する
私は、既存の Web アプリをノックアウトから反応 js に移行する実験を行っています。
現状では、アプリケーションはサーバーへの websocket 接続を確立し、非同期で更新を受信します (たとえば、チャット ルームのように、お互いの状態に影響を与える可能性のあるクライアントが多数存在する可能性があります)。
私の質問は、もし私がレンダリング サーバー側で行った場合、どのように変更を各クライアントにプッシュできるのでしょうか? サーバーでのレンダリングについて読み始めたばかりなので、それがどのように機能するかを誤解しているかもしれませんが、私が信じている方法は次のとおりです。
クライアントはサーバーに送信されるアクションを実行し、サーバーはクライアントがDOMに置き換えるhtmlフラグメントで応答します
サーバーまたは別のクライアントによって状態を変更できるアプリの場合、これらの更新を表示するために websockets/http ポーリングを使用する必要がありますか?
それ以外の場合、サーバーが新しいフラグメントをプッシュすることは可能ですか?
javascript - React.js はオブジェクトのキーと値のペアを props として渡します
私は自分の jsx で次のようなことをしていることがよくあります。
オブジェクト内のすべてのキーと値のペアを要素への小道具として渡すことを可能にするインフラストラクチャは提供されていますか? オブジェクト全体を渡すことができることは承知していますが、 を参照する必要があるため、特に渡す唯一のものである場合は、最大限にエレガントに感じられませんthis.props.myObject.key1
。
javascript - React の一部の HTML の途中にタグを条件付きで含めるにはどうすればよいですか
React コンポーネントがAvatar
あり、プロファイルにリンクするかどうかを選択できます。たとえば、ユーザー プロファイルでカスタムを行いたい場合は、プロファイルにリンクさせたくない場合がありますclickHandler
。リンク以外の if と else で基本的に同一の HTML を使用して if/else を実行する以外に、より良い方法はありますか? 以下は、私が言いたいことの例を示すための疑似レンダリング コードです。
reactjs - JSXは出力を与えません
Ubuntu 14.04を使用しています
ノードをインストールしました
npmをインストールしました
反応ツールをインストールしました
私がしようとすると:
出力がありません。何が間違っているのでしょうか?おそらくpebcakですが、ヒントをいただければ幸いです。
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
は同期的に使用され、これまでのところ、ストリームを同期的に読み取る方法は見つかりませんでした。
私に何ができる?