React Router 4- location.key在<Match>子代的道具中不可用

React Router是一个用于构建单页应用的库，它提供了一种在React应用中管理路由的方式。React Router 4是React Router的最新版本，它引入了一些新的概念和API。

在React Router 4中，location.key是一个用于标识路由变化的唯一键。它在<Match>组件的子代中不可用，因为<Match>组件已经被废弃，取而代之的是<Route>组件。

<Route>组件是React Router 4中用于定义路由规则的主要组件。它可以通过path属性指定匹配的URL路径，并通过component属性指定要渲染的组件。当URL路径与path属性匹配时，<Route>组件会渲染指定的组件。

在<Route>组件的子代中，可以通过props获取到location对象，其中包含了一些与当前路由相关的信息，如pathname、search、hash等。但是，location对象中的key属性在<Route>组件的子代中也不可用。

为了在<Route>组件的子代中访问location.key属性，可以使用withRouter高阶组件。withRouter是一个用于将路由相关属性注入到组件props中的高阶组件。通过使用withRouter，可以在<Route>组件的子代中访问到location.key属性。

下面是一个使用React Router 4的例子：

import React from 'react';
import { BrowserRouter as Router, Route, withRouter } from 'react-router-dom';

const MyComponent = withRouter(({ location }) => (
  <div>
    <h1>当前路径：{location.pathname}</h1>
    <h2>当前路径的唯一键：{location.key}</h2>
  </div>
));

const App = () => (
  <Router>
    <Route path="/" component={MyComponent} />
  </Router>
);

export default App;

在上面的例子中，使用了withRouter将MyComponent组件包裹起来，这样就可以在MyComponent组件中访问到location.key属性。

推荐的腾讯云相关产品：腾讯云服务器（CVM），腾讯云对象存储（COS），腾讯云数据库（TencentDB），腾讯云容器服务（TKE）。

腾讯云产品介绍链接地址：