小编典典

React-如何导出纯无状态组件

reactjs

如何导出无状态的纯哑组件?

如果我使用类,则可以:

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>
}

我缺少基本的东西吗?


阅读 317

收藏
2020-07-22

共1个答案

小编典典

ES6不允许export default const。您必须先声明该常量,然后将其导出:

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

存在此约束以避免写export default a, b, c;被禁止:默认情况下只能导出一个变量

2020-07-22