Por genérico quiero decir que una llamada fetch() no está vinculada a un solo componente.

¿Dónde debo poner esta llamada fetch()? Actualmente lo tengo en el componente React de nivel superior. Simplemente devuelvo nulo y no muestra nada, pero se ejecuta y completa redux.

Este método parece un poco complicado y me preguntaba si React proporciona una forma, o si existe un patrón de diseño común, para obtener datos que no están vinculados a un solo componente.

En general, ¿cómo debo hacer esto?

Me gustaría escribir una función de JavaScript simple y luego enviar () los datos a redux, pero React no me permite usar el despacho dentro de una función JS no procesada.

En general, ¿cómo se escribe fetch() cuando fetch() no está vinculado a un solo componente, y también cuando este fetch() necesita usar dispatch()?

 // hacky way import React from 'react'; import { useDispatch } from 'react-redux'; export default () => { const dispatch = useDispatch(); // run fetch() here return null; };