1. 程式人生 > >react元件引用時的default常見錯誤

react元件引用時的default常見錯誤

1、下面使用方法是正確的:

export class StepLoad extends React.Component {
}

引用上面外掛的方法,重新命名
import {StepLoad as StepLoadGraph} from "./components/echart/StepLoad"

2、下面使用方法也是正確的:

export default class StepLoad extends React.Component {
}
引用上面外掛的方法
 
import StepLoad from "./components/echart/StepLoad"
3、下面使用方法是錯誤的:不能重新命名default的元件

export default class StepLoad extends React.Component {
}
 
引用上面外掛的方法
 
import {StepLoad as StepLoadGraph} from "./components/echart/StepLoad"