如圖所示 我是直接在頁面中引的react.js以及babel.js 提示報(bào)錯(cuò) 上網(wǎng)查了一下好像是用es5還是es6的問題 有沒有大神遇到這種情況指點(diǎn)一下 組件完整代碼如下

    class UserLeft extends React.Component {
        constructor(props) {
            super(props)
            this.state={
                rangePickerValue: getTimeDistance('year')
            }
        }
        isActive(type) {
            const { rangePickerValue } = this.state;
            const value = getTimeDistance(type);
            if (!rangePickerValue[0] || !rangePickerValue[1]) {
                return;
            }
            if (
                rangePickerValue[0].isSame(value[0], 'day') &&
                rangePickerValue[1].isSame(value[1], 'day')
            ) {
                return "currentColor";
            }
        }
        selectDate = type => {
            this.setState({
                rangePickerValue: getTimeDistance(type),
            });

            
        }
        handleRangePickerChange = rangePickerValue => {
            this.setState({
                rangePickerValue,
            });
        }
        render() {
            const salesExtra = (
                <div className="salesExtraWrap">
                    <div className="salesExtra">
                        <a className={this.isActive('today')} onClick={() => this.selectDate('today')}>
                            今日
                        </a>
                        <a className={this.isActive('week')} onClick={() => this.selectDate('week')}>
                            本周
                        </a>
                        <a className={this.isActive('month')} onClick={() => this.selectDate('month')}>
                            本月
                        </a>
                        <a className={this.isActive('year')} onClick={() => this.selectDate('year')}>
                            全年
                        </a>
                    </div>
                    <RangePicker
                        value={this.state.rangePickerValue}
                        onChange={this.handleRangePickerChange}
                        style={{ width: 256 }}
                    />
                </div>
            );
            return (
                <div>
                    <Tabs tabBarExtraContent={salesExtra} size="large" tabBarStyle={{ marginBottom: 24 }}>
                        <TabPane tab="訪問量趨勢(shì)" key="sales">
                            <div className="">
                                <div id="visitValue"></div>
                            </div>
                        </TabPane>
                        <TabPane tab="訪問人數(shù)趨勢(shì)" key="views">
                            <div className="">
                                <div id="visitPeople"></div>
                            </div>
                        </TabPane>
                    </Tabs>
                </div>
            )
        }
    }