問題タブ [reactjs]

最近Reactを調べていて、JSXとtypescriptを使いたいと思っていました。これに関するリソースやReactの型定義を見つけることができませんでした。

JSX で Typescript を使用できますか?また、型定義は利用できますか?

clojurescrtipt で reactjs チュートリアルを書いているときに、this-asマクロが次のようにコンパイルされることがわかりました。

(function(){var t = this; return t;}

これは常に反応クラス内のウィンドウを指します。時々私はこれを回避することができますjs* thisがlet、mapそれらは関数にコンパイルされています。

フォームthis内でreact jsにアクセスするにはどうすればよいですか?let

フィドルの状況: http://jsfiddle.net/VkebS/57/

およびチュートリアルFYIの一部：

PS：データとネイティブマップ関数にネイティブ配列を使用できます

それは機能しますが...

反応コンポーネントに動的イベントをアタッチするのが困難です。次のコンポーネントがあります。

ご覧のとおり、ListItem の className は「selector」に設定されています。この「セレクター」に基づいて、ノードにクエリを実行し、MyMixin でイベントを動的にアタッチします。

私はReactを初めて使用するので、私の考えはすべて間違っているかもしれません。

よろしく

同じタイプの親/子コンポーネントを見つけることができるコンポーネントを用意しようとしています。これらのコンポーネントは、プログラムによって「再現可能」である必要もあります。

そのような：

基本的に必要なのは、MyComponents のツリーを走査する方法です (走査は論理的に制御されます)。

コントロール/パラメーターを親コンポーネントに渡すか、親コンポーネントから事前定義された順序で (データに基づいて) コントロール/パラメーターを子コンポーネントに渡すことができます。これを行うには 2 つの方法がありますが、どちらもプリプロセッサが必要です。1 つは、見つかった MyComponent ごとに新しい Component を生成するプリプロセッサで、いくつかのボイラープレートがあります。何かのようなもの：

もう 1 つの方法は、次のような関数クロージャを追加することでした。

さらに別の方法は、グローバル変数を使用して createClass に注入することでした。

これらの方法はすべて間違っているように見え、React がどのように機能するかについて非常に大きな誤解をしているようです。コンポーネントのツリーをトラバースできるようにするためのよりエレガントな方法はありますか?また、私がコミットしているアンチパターンは何ですか? どうすればいいですか？

私はreactjsとtypescriptで遊んでいます。先に進むために、React.DOM オブジェクトのドキュメント参照をいただければ幸いです。これがあれば、オブジェクトの定義を作成したり、インテリセンス、コンパイル コントロールなどを使用したりできます。

React.DOM 参照オブジェクトへのリンクはありますか?

少し早いですがお礼を

データ構造用のシンプルなグリッドベースのエディターを作成しようとしていますが、React.js で概念的な問題がいくつかあります。彼らのドキュメントはこれに関してあまり役に立たないので、ここの誰かが助けてくれることを願っています.

まず、外部コンポーネントから内部コンポーネントに状態を転送する正しい方法は何ですか? 内部コンポーネントの状態変化を外部コンポーネントに「バブルアップ」させることは可能ですか?

第 2 に、2 つの別個のコンポーネントでデータを共有して、一方の変更を他方に表示することはできますか?

以下は、私がやりたいことの簡単な例です ( JSFiddle バージョン):

companyオブジェクトの配列を含むオブジェクトがありますemployee。employeeリストを編集可能なグリッドにレイアウトしたい。ボタンをクリックすると、結果のcompanyオブジェクトとミューテーション (コンソールへの書き込み) が表示されます。

デモ: jsfiddle

°F の値を 1 ずつ変更すると、摂氏に変換されてから華氏に戻されるため、丸め誤差が発生します。

現在変更されている要素の更新を回避する方法はありますか?

Backbone.js にもまったく同じ問題があります。

JSONとして次の構成があります

反応するrendercomponentでは、コンポーネント名を動的に渡してreact renderすることは可能ですか?

たとえば、この rendercomponent では、ContentFormContent を直接配置する代わりに、json 構成からデータを渡すことができ、ループなどを行うことができます。

SO私はjson構成にページのリストを持ち、特定のナビゲーションの選択に基づいて、jsonファイルからの「タイプ」に基づいてコンポーネントをレンダリングします

私は ReactJS に比較的慣れていないので、「最初のツイートまでの時間」を短縮するためにサーバー側のレンダリングを簡単に実装できることに魅了されました。React の renderComponentToString を使用してサーバー上でマークアップを事前レンダリングする Node-Express-React スタックを実行しています。

コンポーネントを同期的にレンダリングできる場合は問題なく動作しますが、ajax を使用したコンポーネントの実装に関しては苦労しています (ただし、これはコンポーネントの初期化中の非同期操作 (websocket など) に適用されます)。

React Web サイトの例を見てみましょう: http://facebook.github.io/react/tips/initial-ajax.html

renderComponentToString を使用すると componentDidMount がトリガーされないため、サーバーでは機能しません。この単純なケースは、(jQuery の $.get を使用する代わりに) クライアントとサーバーで同じ HTTP リクエスト ラッパーを使用し、コンポーネントをインスタンス化して prop として渡す前にデータをプリフェッチすることで回避できます。

ただし、実際の複雑なアプリでは、非同期の依存関係が非常に複雑になる可能性があり、プリフェッチは React 構造を構築する子孫のアプローチにはあまり適していません。実際に何もマウントせずにサーバー上でレンダリングできる非同期初期化パターンを React に実装するにはどうすればよいですか (つまり、PhantomJS のような DOM エミュレーションはありません。これが renderComponentToString を使用することの要点です)。

http://facebook.github.io/react/index.htmlにアクセスすると、jsx のチュートリアルが見つかりますが、js だけを使用するにはどうすればよいですか?

たとえば、上記のコードはリスナーを使用していますが、プレーンな JavaScript でそれを行うにはどうすればよいですか?

ありがとう