reactjs - 导出 WebStorm 中未使用的默认值

Question

我在 React 中使用 loadable 来动态加载我的组件。所以我正在导出每个组件的索引并将它们导入 app.js 中。但问题是我仍然在 WebStorm 中收到一个错误，即导出默认值在单个组件索引文件中未使用。

这是我的代码。这是在我的 App.js 文件中。

const HomeIndex = Loadable({
loader: () => import('./components/home/Index'),
loading: () => <div> </div>,
 });

我的组件索引文件。

export default class HomeIndex extends React.Component {

fetchCounts = () =>{
    this.counts.fetchCounts();
};

render(){
    return(
        <div className="pageView">
            <Counts ref={refs => { this.counts = refs; }}/>
            <hr/>
            <Customers fetchCounts={this.fetchCounts}/>
        </div>
    )
  }
}

WebStorm 中的错误截图：

Answer 1

记录为WEB-37294，请投票支持它在修复时得到通知

Answer 2

您可以通过转到Preferences > Editor > Inspections > Unused symbols并取消选中在 webstorm 中禁用此检查Unused global symbol