Question

我想在单击链接时将URL路径从/static/media/picture.e61334b7.pdf更改为/picture。我试图编写一种方法，该方法可在单击并更改其名称后，在onClick上调用它时，获取当前的URL路径，但我知道我已经走了。

我试图在网上查找它，但找不到与我的问题有关的任何内容。

最重要的是，当您尝试单击各种支持Web的设备上的链接时（我通过开发者控制台对其进行了测试），该链接将无法打开。

但是，该链接确实在带有上述URL路径/static/media/picture.e61334b7.pdf的笔记本电脑/台式机上打开。

如何解决此问题？

这是我的代码：

import React, { Component } from 'react';
import Aux from '../../HOC/Aux';
import picture from '../../picture.pdf';

class Information extends Component {
    changePathName() {
        let pathName = window.location.href;
        let newPathName = pathName.replace('/static/media/picture.e61334b7.pdf', '/picture');
        window.location.pathName(newPathName);
    }

    render() {
        return(
            <Aux>
              <a onClick={this.changePathName} href={picture}>Click to see the picture</a>
            </Aux>
        );
    }
}

export default Information;

如何使用Reactjs更改URL路径名？

0 个答案: