Я использую loadable в React для динамической загрузки моего компонента.Поэтому я экспортирую индекс каждого компонента и импортирую их в 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:
