¿Por qué `Exportar Const Predeterminado ' no es válido?

También puede hacer algo como esto si desea exportar por defecto un const/let, en lugar de

const MyComponent = ({ attr1, attr2 }) => (<p>Now Export On other Line</p>);
export default MyComponent

Puedes hacer algo como esto, que no me gusta personalmente.

let MyComponent;
export default MyComponent = ({ }) => (<p>Now Export On SameLine</p>);

La respuesta de Pablo es la que estás buscando. Sin embargo, como cuestión práctica, creo que puede estar interesado en el patrón que he estado utilizando en mis propias aplicaciones React+Redux.

Aquí hay un ejemplo de una de mis rutas, que muestra cómo puede definir su componente y exportarlo como predeterminado con una sola instrucción:

import React from 'react';
import { connect } from 'react-redux';

@connect((state, props) => ({
    appVersion: state.appVersion
    // other scene props, calculated from app state & route props
}))
export default class SceneName extends React.Component { /* ... */ }

(Nota: Uso el término "Escena" para el componente de nivel superior de cualquier ruta).

Espero que esto sea útil. Creo que es mucho más limpio que el convencional connect( mapState, mapDispatch )( BareComponent )

Si el nombre del componente se explica en el nombre del archivo MyComponent.js, simplemente no nombre el componente, mantiene el código delgado.

import React from 'react'

export default (props) =>
    <div id='static-page-template'>
        {props.children}
    </div>

La respuesta compartida por Pablo es la mejor. Para ampliar más,

Solo puede haber una exportación predeterminada por archivo. Mientras que puede haber más de una exportación const. La variable predeterminada se puede importar con cualquier nombre, mientras que la variable const se puede importar con cualquier nombre.

Var message2 = 'I am exported';

Exportar mensaje default 2;

Export const message = 'I am also exported'

En el lado de las importaciones tenemos que importarlo como esto:

Importar { mensaje} desde './ test";

O

Importar mensaje desde './ test";

Con la primera importación, se importa la variable const mientras que, con la segunda, se importará la predeterminada.