問題タブ [react-starter-kit]

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

reactjs - エラー: ID 275 の要素が見つかりません

動的ページをリロードすると、このエラーが発生します。

Error: Unable to find element with ID 275. at invariant (invariant.js:38) at precacheChildNodes (ReactDOMComponentTree.js:96) at Object.getNodeFromInstance (ReactDOMComponentTree.js:172) at Object.didPutListener (SimpleEventPlugin.js:210) Object.putListener (EventPluginHub.js:143) で Object.putListener (ReactDOMComponent.js:176) で CallbackQueue.notifyAll (CallbackQueue.js:76) で ReactReconcileTransaction.close (ReactReconcileTransaction.js:80) で ReactReconcileTransaction.closeAll (Transaction .js:206) ReactReconcileTransaction.perform (Transaction.js:153) で

Uncaught (in promise) TypeError: Cannot read property 'remove' of undefined at Object.willDeleteListener (SimpleEventPlugin.js:220) at Object.deleteAllListeners (EventPluginHub.js:201) at ReactDOMComponent.unmountComponent (ReactDOMComponent.js:976) at Object .unmountComponent (ReactReconciler.js:79) で ReactCompositeComponentWrapper.unmountComponent (ReactCompositeComponent.js:418) で Object.unmountComponent (ReactReconciler.js:79) で Object.unmountChildren (ReactChildReconciler.js:146) で ReactDOMComponent.unmountChildren (ReactMultiChild.js) :373) ReactDOMComponent.unmountComponent (ReactDOMComponent.js:974) で Object.unmountComponent (ReactReconciler.js:79) で

この動的ページでは、@gallery{Id}@ の部分をコンポーネントの react-image-gallery に置き換える生の html を取得しました。私は2つのギャラリーを持っている動的パスでうまく機能し、サーバー側のナビゲーションとページのリロードを使用しているため、問題を解決できません。しかし、同じ動的コンポーネントを使用する特定の動的パスでは、リロード時にのみこのエラーが発生します。つまり、リンクをコピーして貼り付けてこのページに即座にアクセスすると、このエラーが発生します。inspect を使用すると、わかります

しかし、私は見る必要があります

これは、追加するギャラリーが増える(データが増える)ために発生すると思います。問題は、レンダリングするオブジェクトの配列を取得するとき、サーバー側のナビゲーションでそこに移動するときとページをリロードするときが同じであることです。これを行うことで配列を取得しています。

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

schema - react-starter-kit: Relay Modern の Graphql スキーマをエクスポートするにはどうすればよいですか?

react-starter-kitから開始したアプリに Relay Modern を追加したいと思います。relay-compilerスキーマ定義ファイル ( schema.graphql) が必要ですが、どうすれば生成できますか?

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

javascript - React スターター キットと Next.js の比較

React を使用してコンテンツ公開サイトを構築するためのフレームワーク/ライブラリを検討しています。主な要件は、通常の SEO、ページ速度、およびサーバー側のレンダリングの容易さです。中規模から大規模のアプリケーションの本番環境でReact Starter Kitを使用した経験がある人はいますか? Next.jsを試した人はいますか?

React キットとフレームワークは初めてです。私が理解しているように、RSK は単なる同形ボイラープレートであり、サーバー側のレンダリングを使用しても next.js も同形です。それらはどのように比較され、どのような状況で何が機能するのでしょうか? 簡単にまとめられる定型文を必ずしも探しているわけではありませんが、強力な基盤を持ち、本番環境での使用を正当化できるライブラリ/フレームワークを探しています。