taro如何接入react-router

Taro 是一个类 React 的跨端框架，支持使用 React 的语法编写页面。如果要在 Taro 中接入 React Router，可以按照以下步骤操作：

1. 安装 `react-router-dom`：

npm install react-router-dom --save

2. 在 `app.js` 中引入 `BrowserRouter` 并包裹 `Provider` 和 `Router`：

import Taro, { Component } from '@tarojs/taro'
import { Provider } from '@tarojs/redux'
import { BrowserRouter as Router } from 'react-router-dom'
import configStore from './store'

import './app.less'

const store = configStore()

class App extends Component {

  componentDidMount () {}

  componentDidShow () {}

  componentDidHide () {}

  componentDidCatchError () {}

  render () {
    return (
      <Provider store={store}>
        <Router>
          {this.props.children}
        </Router>
      </Provider>
    )
  }
}

export default App

3. 在页面中使用 `Route`、`Link` 等组件：

import Taro, { Component } from '@tarojs/taro'
import { View, Text } from '@tarojs/components'
import { Link, Route, Switch } from 'react-router-dom'

import './index.less'

class Index extends Component {

  render () {
    return (
      <View className='index'>
        <Text>Hello world!</Text>
        <Link to='/detail'>Go to detail page</Link>
        <Switch>
          <Route path='/detail' component={Detail} />
        </Switch>
      </View>
    )
  }
}

class Detail extends Component {

  render () {
    return (
      <View className='detail'>
        <Text>Detail page</Text>
        <Link to='/'>Go back to index page</Link>
      </View>
    )
  }
}

export default Index

通过以上步骤，就可以在 Taro 中接入 React Router 了，实现更加灵活的路由控制。