react路由

 <Switch>
                    <Route path='/cinema' component={Cinema}></Route>
</Switch>

<Route path='/cinema' exact component={Cinema}></Route>

<Redirect exact from='/' to='/cinema'></Redirect>

<Route component={NotFound}></Route>

<Switch>
                    <Route path='/cinema' component={Cinema}></Route>
                    <Route path='/films' component={Films}></Route>
                    <Route path='/my' render={() => { return isAut() ? <My /> : <Login /> }}></Route>
                    <Route path='/detail' component={Detail}></Route>
                    <Route path='/login' component={Login}></Route>
                    {/* 动态路由 */}
                    {/* <Route path='/detail/:myid' component={Detail}></Route> */}
                    <Redirect exact from='/' to='/cinema'></Redirect>
                    <Route component={NotFound}></Route>

                </Switch>

                <li><NavLink to='/films/onPlay'>正在热映</NavLink></li>
                <li><NavLink to='/films/coming'>即将上映</NavLink></li>
             <Switch>
                    <Route path='/films/onPlay' component={OnPlay}></Route>
                    <Route path='/films/Coming' component={Coming}></Route>
                    <Redirect from='/films' to='/films/onPlay'></Redirect>
             </Switch>

const handleChange = (id) => {
        console.log(props)
        // 函数式导航
        //动态路由传参
        // props.history.push(`/detail/${id}`)
        props.history.push('/detail?id=wang&name=qwi')
        //query传参
        // props.history.push({ pathname: '/detail', id: id })

    }

<Route path='/detail/:myid' component={Detail}></Route>

const handleChange = (id) => {
        console.log(props)
        // 函数式导航
        //动态路由传参
        props.history.push(`/detail/${id}`)
        

    }

 <Route path='/my' render={() => { return isAut() ? <My /> : <Login /> }}></Route>