サンプルとしていただいたコード
import React from 'react'; import {useCurrentUserQuery} from 'api'; export default () => { const {data: {currentUser = null} = {}} = useCurrentUserQuery(); return ( <div> <h1>{currentUser.id}</h1> </div> ); };
私が変えたいもの
import React from 'react'; import {useテーブルQuery} from 'api'; export default () => { const {data: {テーブル = null} = {}} = useテーブルQuery(); return ( <div> <h1>{テーブル.id}</h1> </div> ); };
サンプルの状態では動いていて、ログインしているユーザーのidを描写してくれています。
テーブルを変えて、そのテーブルの項目を描画したいのでQueryを作成して、同じように変えてみました。
logで確認してもwebpackではエラーは無い状態ですが
デベロッパツールでは
Warning: Can't perform a React state update on an unmounted component. This is a no-op, but it indicates a memory leak in your application. To fix, cancel all subscriptions and asynchronous tasks in a useEffect cleanup function.
のエラー出ています
Queryは他の動いているものと同じように作成しているのですが、なにが間違っていますか?
またすみません。勉強不足なのですが
「{data: {テーブル = null} = {}} = useテーブルQuery();」ここの動きがよくわかりません
あなたの回答
tips
プレビュー