[react] this.props 爲空集合 {}

this.props爲空集合,找不到history和location？

第一種解決方法

給子組件傳 tihs.props

import React from 'react'
import { Redirect, Route, Switch } from 'react-router-dom'

export default class Admin extends React.Component {
	render(){
		return(
			<Switch>
				{/* 傳值 */}
                <Route path='/' {...props} exact component={Home} />
                <Route path='/category' component={Category} />
              </Switch>
		)
	}

}

第二種解決方法

用 withRouter包裝給需要的組件

import React from 'react'
import { withRouter } from 'react-router-dom'

class Home extends React.Component {
	render(){
		console.log(this.props)
		return(
			<>
            	<div>我是Home組件</div>
            </>
		)
	}
}

export default withRouter(Home)