测开技能--Web开发 React 学习（十七）

<Route strict exact path="/interface/:id" component={Inteface}></Route>

import  React from "react";


const Inteface=(props)=>{
    console.log(props);
    return(
Inteface
)
}
export default  Inteface

<Route strict exact path="/interface/:id?" component={Inteface}></Route>

<Route strict exact path="/interface/:id?/:name?" component={Inteface}></Route>

http://localhost:3000/#/interface?name=beijing

const Inteface=(props)=>{
    const parans=new URLSearchParams(props.location.search)
    console.log(parans.get("name"));

    return(
        <h1>Inteface</h1>
    )
}
export default  Inteface

const value=querystring.parse(props.location.search)
    console.log(value);