Table コンポーネントがフラグメントTable_tableを受け取る単純なルーティングを構築したいと考えています。
ルーティング.js
const tableQuery = graphql`
query routesTableQuery($tableId: String){
store {
table(id: $tableId){
name
stake
}
}}
`
<Route
path="table"
Component={Table}
prepareVariables={params => ({tableId: '59abf1a01710ba3b74718220'})}
query={tableQuery}
/>
Table.js コンテナー
export default createFragmentContainer(
Table,
graphql`
fragment Table_table on Table {
name
stake
}
)`
しかし、コンポーネントでテーブルプロップを受け取る代わりに、ストアを受け取っています (テーブル プロップは null です)。また、クエリ内の特定のフィールドの代わりに...Table_tabletable
を設定すると、"Expected prop to be supply to Relay(Table)
, but got undefined
" というエラーが表示されます。