如何导出无状态的纯哑组件?
如果我使用类,则可以:
import React, { Component } from 'react'; export default class Header extends Component { render(){ return <pre>Header</pre> } }
但是,如果我使用纯函数,则无法使其正常工作。
import React, { Component } from 'react'; export default const Header = () => { return <pre>Header</pre> }
我缺少基本的东西吗?
ES6不允许export default const。您必须先声明该常量,然后将其导出:
export default const
const Header = () => { return <pre>Header</pre> }; export default Header;
存在此约束以避免写export default a, b, c;被禁止:默认情况下只能导出一个变量
export default a, b, c;