Reaccionar: cómo exportar un componente sin estado puro

¿Cómo puedo exportar un componente mudo puro sin estado?

Si uso class esto funciona:

import React, { Component } from 'react'; export default class Header extends Component { render(){ return <pre>Header</pre> } } 

Sin embargo, si uso una function pura, no puedo hacer que funcione.

 import React, { Component } from 'react'; export default const Header = () => { return <pre>Header</pre> } 

¿Me estoy perdiendo algo básico?

ES6 no permite export default const Debe declarar la constante primero y luego exportarla:

 const Header = () => { return <pre>Header</pre> } export default Header ; 

Esta restricción existe para evitar la escritura export default a, b, c; eso está prohibido: solo se puede exportar una variable u object por defecto

Solo como una nota al margen. Técnicamente, podría export default sin declarar primero una variable.

 export default () => ( <pre>Header</pre> ) 

También puede usar una class que amplíe PureComponent en lugar de Component. Consulte aquí: https://facebook.github.io/react/docs/react-api.html#react.purecomponent