老师实验路由这节自己遇到了一些困惑，请问该如何解决呢？主要是以后还需要实验我该如何进行

这是我index.js里面文件的内容，现在要试验路由这节我能不能再新建一个index-1.js文件呀。现在里面index.js很多东西我都不需要。 index.js现在相当于我的母文件，任何内容都要经过这里才能输出出去。路由这节要动用母文件，刚出错了突然找不到方向，把之前引入的todolist全部注释了。

// 解析<app />这样jsx的写法

// Jsx语法里面两种标签，一种普通的html标签，第二种，组件标签首字母大写

import React,{Component} from 'react';

import {BrowserRouter,Route,Link} from 'react-router-dom';

import ReactDOM from 'react-dom';

import 'antd/dist/antd.css';

import App from './App';

 import {TodoList} from './TodoList.js';

 import {TodoList2} from './TodoList2';

 import {TodoList3} from './TodoList3';

 import { Count } from "./Count";

 import Ref from './ref';

 import {Newbutton} from './newButton';

//  设置路由访问相应组件

 class Entry extends Component{

    render(){

       return(

           <BrowserRouter>

              <div>

                 <Route path='/app' component={Newbutton} />

              </div>

           </BrowserRouter>       

       )

    }

 }

 ReactDOM.render(

    <div>      

        <App />

       <TodoList />

       <TodoList3 />

       <TodoList2 /> 

       <Count />   

       <Ref /> 

       <Entry />

    </div>,

    document.getElementById('root')

 );

​

在这里输入代码，可通

过选择【代码语言】突出显示