Как я могу изменить свой URL-путь с помощью Reactjs?

Question

Я хочу изменить путь URL-адреса после нажатия на ссылку в формате PDF с /static/media/picture.e61334b7.pdf на /picture. Я пытался написать метод, который захватывает текущий путь URL при нажатии и изменяет его, затем вызывает его на onClick, но я знаю, что я далеко.

Я пытался найти его в Интернете, но не могу найти ничего, что связано с моей проблемой.

Вдобавок к этому, когда вы пытаетесь щелкнуть ссылку на широком спектре веб-совместимых устройств (я протестировал ее через консоль разработчика), ссылка не открывается.

Однако ссылка открывается на ноутбуках / настольных компьютерах с указанным выше 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;