Передача реагирующих параметров URL в тег src = "" аудио HTML

Question

У меня есть приложение реакции, которое в конечном итоге будет воспроизводить идентификатор станции. Всем файлам дается определенное имя файла, и я сошлюсь на каждый файл, а затем хочу передать параметр URL «имя» на страницу и загрузить его.

Внутри моего файла проигрывателя (Player. jsx):

const Player = ( { match } ) => {

const name = match.params.name;

return (
    <>
        <h1>This is the player for {name} file.</h1>
        <audio href="../../public/Audio/{name}.mp3" />
    </>
);
}

Я ищу получить URL-адрес, с которым я связан, в имя параметра, что он делает, так как правильно выводит тег H1, но я не знаю, как получить это внутри src = "".