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; };