問題タブ [contentful-api]
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.
javascript - .map 配列を表示する React と Contentful
以前の開発者によって作成された Contentful ダッシュボードからアイテムの配列を作成するためのファイルを模倣しました。コンテンツをページに挿入し、graphQL セクションに追加して、何らかのデータを確実に取り込むようにしました。しかし、配列をマップしようとすると、次の図のようにエラーがスローされます。
関数 createFibreFromTypeAndPropsのエラー
要素の型が無効です: 文字列 (組み込みコンポーネントの場合) またはクラス/関数 (複合コンポーネントの場合) が必要ですが、 を取得し
object
ました。のレンダリング方法を確認してくださいValueList
。
私がオンラインで見たいくつかのことはexport default
、中括弧で関数をエクスポートするのではなく、メソッドを介してコンポーネントをインポートすることについて言及しており、どちらの方法でも同じ結果が得られます。私が作成したコードは以下のとおりです。
コンポーネント自体が小道具を渡すことをテストしたが、配列をマップしようとするたびにレンダリングエラーがスローされることをテストしたので、何かを見逃したことがありますか? 以下は、コンテナー ページに追加されたコードです。
graphql - contentful からの where 引数の使用
関連するコンテンツ タイプを照会する必要があります。「linkFrom」を使用できることを理解しています。ただし、別のエントリから「リンクされている」エントリで where 引数を使用することはできません。だから、私は次のことができます。
ただし、クエリを拡張してlinkedFromを使用する必要がある場合。「フィールドで不明な引数」が表示されます。
問題は、where引数を解決できるように、「linkedFrom」が期待するタイプを定義する必要があることだと思います。これがどこにあるのかわかりません。
typescript - contentfulでgraphQlにgroupByを実装する方法
キーのグループ化に基づいて、コンテンツの多いコレクション アイテムを取得したいと考えています。私は apollo graphQl を使用して、データを取得するためのコンテンツ API をクエリしています。データのプレーンなコレクションがあり、コンテンツ モデルで使用可能なキーに基づいてコレクションをグループ化したいと考えています。
LevelCollection は次の属性を持つ のコレクションです
そのコレクションのキー属性に基づいてクエリの出力をグループ化する
期待される出力:
キーに基づいてデータをグループ化し、キーに対してグループ化されたアイテムのコレクションを取得することが期待されます。
コンテンツフルのコレクションでgraphQlで動的グループ化を実現する方法はありますか