¿Por qué funciona la siguiente reacción? Como el nombre de la función en el componente Hello.js es Hello, pero no se mencionó en el componente principal que importó Hello.js, ¿es una propiedad de la función de flecha?
El componente Hello.js:
import React from 'react'; const Hello =() => <h1> HELLO <h1/> export default HelloDonde se exportó/llamó el componente Hello.js.
import React from 'react'; import MyComponent from './Hello' class App extends React.Component{ render(){ return( <div> <MyComponent /> <div/> ); } }Esto se llama default export , puede nombrar el componente como desee cuando lo importe.
Pero si está utilizando named export .
Ex:
export const something = 'something'Cuando lo importe, debe destruir el mismo nombre.
import { something } from 'file/path' Como mencionó @Felix, puede dar a named export con nombre otro nombre (en caso de que haya conflictos de nombres)
Ex:
import { something as somethingElse } from 'file/path'Para más recursos.
diferencia entre exportación con nombre y exportación predeterminada