問題タブ [reactjs]

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 投票する
1 に答える
32163 参照

javascript - シングル ページ アプリケーションが必要な理由

シングル ページ アプリケーション(SPA) が登場しました。それに伴い、ルーティング、クライアント側のページ ライフ サイクル、MVC パターン、MVVM パターン、MV* パターンなど、多くの新しい機能が追加されます。AMD パターンSingletonFacadeなどの Javascript パターンも登場します。 、..

多くの SPA フレームワークとライブラリも開発されました。その一部はインターネットで調べることができます。それらはAngularJsReactjsBackboneJsDurandalJs 、.. およびRequireJsAmplifyjsBreezeJsなどの Javascript コーディングをより簡単にする多くのサードパーティ コンポーネントです。

しかし、なぜSPAが必要なのですか?Web アプリケーションの開発において、いくつかの新しい複雑なものが導入されているように見えるからです。SPA にもかかわらず、従来の Web アプリケーションを使用して、各ページをロードするたびにリクエストを行うことができます。モバイルで簡単に実行でき、新しい Web アプリケーション開発のトレンドに適応できるという利点があるだけです。誰かがそれについてもっと明確に説明できますか?

もう1つ、SPAを1つだけ構成するために多くのサードパーティ製コンポーネントを使用する場合. では、この Web アプリケーションの一貫性は保たれているでしょうか? Web アプリケーション内の巨大なコンポーネントを維持するには、複雑にする必要があると思います。それについてどう思いますか?

すべての提案を歓迎します。

0 投票する
7 に答える
23264 参照

javascript - Facebook の react.js ライブラリ JSX 構文を jslint とうまく連携させるには?

私は Facebook のreact.jsライブラリをいじっています。次の方法でビューを作成することを説明する JSX 構文を使用しようとしています。

JSLint は明らかにこれを好まない (「識別子を予期したが、代わりに ' <'; を見た」 - JavaScript 構文エラー)。

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

javascript - React コンポーネントの非同期メソッドをテストする方法

onChange子コンポーネントのイベントにバインドするメソッドを持つコンポーネントがあります。手短に:

テスト中に、チェックボックスの値を変更してchangeイベントをトリガーしたい。私のテストは次のようになります (mocha.js + expect.js を使用):

残念ながら、このテストを機能させるための解決策はありません。それを機能させる方法はありますか?

jsfiddle スニペット

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

javascript - React js - todo リストの作成に問題がある


1 つのタスクを完了した後でのみ、次のタスクが有効になるtodo リストを作成しようとしています(終了時にチェックを入れるため)。

これが私がこれまでに持っているものです:

次のボタンはまだ無効になっておらず、一般的に何か間違っていると感じています(反応する「禅」に従っていません)。

ところで: ユーザーがトリガーせずに dom 要素の状態を変更するにはどうすればよいですか? 私が使用すべきIDはありますか?

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

javascript - React が Internet Explorer で動作しない

React.js を使用してタイマーを表示する Html ファイルの実行中に、Internet Explorer でこのエラーが発生する

これが見える場合、React は正しく動作していません。GitHub からソースをチェックアウトした場合は、必ず grunt を実行してください。

Googleで解決策を検索しようとしましたが、何も得られませんでした。

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

javascript - Reactのワークフローとは

以下のコードはReact、DOM を動的に更新する からのものです。私は Facebook react によるチュートリアルを使用しましたが、コード全体、つまり、コードのどの部分がいつどのように実行され、コードの残りの部分がどのようにトリガーされるかを理解していませんでした。コードを理解するのを手伝ってください。

上記のコードは、DOM 構造を動的に更新するために使用されます。このコードはhttp://facebook.github.io/react/から参照されているので、コードの作業手順を知るのに役立ちます。

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

javascript - React (Facebook のアプリ フレームワーク) と react.js (JS のリアクティブ拡張機能) の違い/類似点は何ですか?

私は最近、「React」と呼ばれる JavaScript 用の Facebook/Instagram のアプリ フレームワークについて知り、詳しく調べたいと思いました。ただし、同様の名前の別のライブラリがあるため、競合する検索結果が得られることに気付きました。それで、私の質問はこれです: 2 つの間に類似点はありますか、それとも誰かがネーミングでより良い仕事をすることができますか?

React
http://facebook.github.io/react/index.html

反応.js
http://www.reactjs.com/

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

javascript - Facebook の react.js -- オブジェクトは関数ではありません

Facebook のread.js チュートリアルに沿って進むと、次のエラーが発生します。

実際、react.js のサンプル ページには次のようなものがあります。

誰でも正しい使い方を説明できますか?


チュートリアルの進捗状況

次の 2 つの JavaScript をインポートします。

http://fb.me/react-0.4.1.js http://fb.me/JSXTransformer-0.4.1.js

HTML は 1 行です。

そしてJavaScriptは、むしろ<script type="text/jsx"> 次のようになります。