Soy un poco nuevo para reaccionar. Me gustaría pasar dos accesorios a un componente, uno es un objeto y otro es una devolución de llamada
function App(props) { var [data, setData] = useState([]); var [filters, setFilters] = useState([]) const filtersCallback = useCallback((filter) => { setFilters(filters); }, []); useEffect(() => { axios.get(props.api).then(res=>{ setData(res.data) }) }, []) return(<Component {...data} filtersCallback={callback}/> )Esto no funcionará, y no estoy muy seguro de cómo se puede lograr esto. Tampoco pude encontrar una solución en ningún otro lado.
Si el modelo de retorno de back-end cambia su definición de gancho como
var [data, setData] = useState({});