React报错Unexpected default export of anonymous class import/no-anonymous-default-export已解决

Posted 2021-05-26 ༺初辰༻

关于React导出的报错问题

报错信息：
Unexpected default export of anonymous class import/no-anonymous-default-export

代码：

import React from 'react'
export default class extends React.Component {
    render(){
        return (
            <div>单独抽离出来的 Hello</div>
        )
    }
}

解决方法：
先给函数命名再导出
代码：

import React from 'react'
class fn extends React.Component {
  render () {
    return (
      <div>单独抽离出来的 Hello</div>
    )
  }
}
export default fn