react之a(chǎn)nt design mobile中的問題

為什么頁面跳轉(zhuǎn)后，ReactDOM.render()就渲染不出來，沒效果

跳轉(zhuǎn)后頁面代碼

import React,{Component}from 'react';
import ReactDOM from 'react-dom';
import { Flex, WhiteSpace,Button } from 'antd-mobile';
import U98 from '../images/robotmanage/u98.png';
const Tip = ({ className = '', ...restProps }) => (
    <span className={`${className} tip`} {...restProps}>登錄</span>
);
const FlexExample = () => (
    <div className="flex-container">
        <Flex justify="center">
            <img src={U98} alt="u89"/>
        </Flex>
        <Flex justify="center">
            <div><p><Tip /></p></div>
        </Flex>
        <WhiteSpace size="lg" />
        <Flex justify="center">
            <Button>完成</Button>
            <Button>刷新</Button>
        </Flex>
        <WhiteSpace />
    </div>
);
ReactDOM.render(<FlexExample />,document.getElementById('root'));

求解答