Duda con el export

¡Hola Agustín! Espero que estés muy bien. Respondiendo a tu pregunta, no es lo mismo el "export" que se pone al principio antes de cada función que el "export default" que ponemos al final del componente.

Cuando utilizamos "export" al principio de cada función, estamos exportando cada función de manera individual, lo que significa que para importarla en otro archivo, debemos hacerlo de manera individual también. Por otro lado, cuando utilizamos "export default" al final del componente, estamos exportando todo el componente como un todo, lo que significa que para importarlo en otro archivo, podemos hacerlo con cualquier nombre que deseemos.

Aquí te dejo un ejemplo práctico para que puedas entenderlo mejor:

// archivo funciones.js

export const suma = (a, b) => {
  return a + b;
}

export const resta = (a, b) => {
  return a - b;
}


// archivo componente.js

import React from 'react';

const MiComponente = () => {
  return (
    <div>
      <h1>Hola, soy un componente</h1>
    </div>
  );
}

export default MiComponente;

En este ejemplo, en el archivo "funciones.js" estamos exportando cada función de manera individual, mientras que en el archivo "componente.js" estamos exportando todo el componente como un todo utilizando "export default".

Espero haber resuelto tu duda. ¡Espero haber ayudado y buenos estudios!

Genial, gracias por tu respuesta. Si tengo un componente A con funciones que se pueden reutilizar en otro componente , lo exporto entero e luego importo el componente A entero en otro componente B , se tiene acceso a todas las funciones indivuales que integran A, cierto?