Estoy empezando a usar REACT, y quisiera saber como puedo hacer peticiones a VARIAS url. Otra, de paso. Se puede usar dos componentes? o sea, integrar uno con otro?

Tengo el sigueinte código en react:

function AppProductos() {   const urlProductos="http://localhost/API/productos/";   const [data, setData]=useState([]);    const peticionGet=async()=>{     await axios.get(urlProductos)     .then(response=>{       setData(response.data);     }).catch(error=>{       console.log(error);     })   }    return(     <div style={{textAlign: 'center'}}>       <br/>       <button className="btn btn-success" onClick={()=>abrirCerrarModalInsertar()}>Insertar</button>       <br/><br/>       <Modal isOpen={modalInsertar}>         <ModalBody>           <div className="form-group">             <label>Nombre: </label>             <br />             <input type="text" className="form-control" name="nombre" onChange={handleChange}/>             <br />             <label>Descripción: </label>             <br />             <select name="marca" id="" onChange={handleChange}>                "ESTE SELECT SE TIENE QUE LLENAR CON LAS MARCAS TRAIDAS DE LA API por URL: http://localhost/API/marcas/"                              </select>             <br />           </div>         </ModalBody>       </Modal>     </div>   ); }  export default AppProductos; 

esto es lo que necesito! como puedo hacer?

DESDE YA MUCHAS GRACIAS!