問題タブ [react-instantsearch]

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 に答える
81 参照

javascript - 次/リンクの URL が変更されるが、ページが再レンダリングされない

コンポーネント内の動的リンクがサイトのほとんどの場所 (静的ページ) で機能するが、特定の React コンポーネント - Algolia InstantSearch 内では機能しないという奇妙な問題があります (このコンポーネントと機能的に非常によく似ています: https://github.com/ algolia/react-instantsearch/blob/master/examples/next/components/app.js )。

「通常の」リンクコンポーネントを使用してみました。

さらに、ここで概説するように useRouter フックを利用しようとしています: https://mariestarck.com/a-beginners-guide-to-dynamic-routing-in-next-js/

クリックすると、URL が正しく変更され、getInitialProps が実行されているように見えますが、現在のページはマウント解除されません。これは、コンポーネントが InstantSearch React クラスの子である場合にのみ発生します。

ありがとう!!

0 投票する
0 に答える
17 参照

javascript - TypeError: this.client.search は関数ではありません...... (Next js でインスタントサーチに反応します)

私は Next.js プロジェクトで Algolia を使用していましたが、呼び出しを試みたときにinstantsearchこのバグ Server Error に遭遇 し、コール スタック トレースを調べたところ、問題は: point_left: にありました。これは、問題を引き起こしているヘルパー関数です。ここ。meilisearch クライアント オブジェクトの戻りオブジェクトには検索メソッドがなく、単なる空の文字列です。SSR 環境で react Instantsearch を使用するにはどうすればよいですか? Instant-MeiliSearch はこの問題を解決しますか?TypeError: this.client.search is not a functionfindResultsState (Component, {meilisearchClient, indexName, searchState})algoiasearch-helpersingleIndexSearch