通过componentDidMount中不可用的react路由器传递道具？

在React中，我们可以使用componentDidMount生命周期方法来在组件渲染完成后执行一些操作。然而，React路由器（React Router）的组件在componentDidMount方法中无法直接访问路由器的属性（props）。

要在componentDidMount中传递属性给React路由器，可以使用withRouter高阶组件来包装组件。withRouter是React Router提供的一个高阶组件，它可以将路由器的属性注入到组件中，使得我们可以在componentDidMount中访问到路由器的属性。

下面是一个示例代码：

import React, { Component } from 'react';
import { withRouter } from 'react-router-dom';

class MyComponent extends Component {
  componentDidMount() {
    const { history, location, match } = this.props;
    // 在这里可以访问到路由器的属性
    console.log(history);
    console.log(location);
    console.log(match);
  }

  render() {
    return <div>My Component</div>;
  }
}

export default withRouter(MyComponent);

在上面的代码中，我们使用withRouter将MyComponent组件包装起来，这样在componentDidMount方法中就可以通过this.props访问到路由器的属性，如history、location和match。

这种方式适用于React Router v4及以上版本。如果你使用的是React Router v3或更早的版本，可以使用react-router包中的withRouter方法。

推荐的腾讯云相关产品：腾讯云云服务器（CVM）和腾讯云云数据库（TencentDB）。

• 腾讯云云服务器（CVM）：腾讯云提供的弹性计算服务，可快速创建和管理云服务器实例，支持多种操作系统和应用场景。详情请参考腾讯云云服务器。
• 腾讯云云数据库（TencentDB）：腾讯云提供的全球分布式数据库服务，包括关系型数据库（MySQL、SQL Server、PostgreSQL）和非关系型数据库（MongoDB、Redis），提供高可用、高性能、可扩展的数据库解决方案。详情请参考腾讯云云数据库。