使用create-react-app创建脚手架工程

使用create-react-app创建脚手架工程

---

create-react-app router-demo

使用yarn安装react-router依赖

cd router-demo

yarn install react-router

如何使用？

class News extends Component{
    render(){
        return (
            <div>
                <span>我是News</span>
            </div>
        );
    }
}

class About extends Component{
    render(){
        return (
            <div>
                <span>我是About</span>
            </div>
        );
    }
}
class App extends Component {
  render() {
    return (
        <Router>
            <div>
                <Link to='/'>Home</Link>
                <Link to='/News'>News</Link>
                <Link to='/About'>About</Link>
                <Route path='/News' component={News} />
                <Route path='/About' component={About} />
            </div>
        </Router>
    );
  }
}

export default App;