以下のようなコードを用意します (実際の作業コードではなく、アイデアを提供するためだけに):
import { useDispatch } from 'react-redux'
const dispatch = useDispatch()
interface IProp {
prop: number
}
const [data, setData] = useState<number[]>([])
async ({ prop }: IProp) => {
const data = await dispatch<any>(
fetchData({
prop
})
)
setData(data)
}
fetchData 型付け
fetchData({ prop }: IProp): (dispatch, getState) => Promise<number[]>
dispatch
最終的に数値の配列を返す型を設定するにはどうすればよいですか? Any
一時的な回避策です
編集:
fetchData
実際にはアクションです。ここでは詳しく説明しませんが、次のようになっていると仮定しましょう。
export const fetchData = ({
prop
}) => async (dispatch, getState) => {
// do something store-related like dispatching other actions or getting values from store
// get `extra`
const { data } = await actualFetch({
prop,
extra
})
return data
}