react之ant design mobile中的问题

Question

为什么页面跳转后，ReactDOM.render()就渲染不出来，没效果

跳转后页面代码

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'));

求解答

Answer 1

好像是router没设置

Answer 2

单页面可以出来，你把路由的设置贴出来，看一下