Продолжайте воспроизводить аудио при смене страницы реагировать / редукция

Question

У меня здесь большая проблема .. У меня есть тег компонента <audio> на моем /home, когда я нажимаю, начинается музыка, и я делюсь данными (название, элементы управления, музыка) с другими вызовами компонента проигрывателя MainPlayer. Этот компонент пересекается со всеми представлениями, а компонент с аудио-тегом существует только на главной странице. Проблема в том, что если я изменю представление, музыка останавливается. Я использую избыточность, чтобы поделиться этими данными с другим компонентом. Помогите, пожалуйста! спасибо!

пример:

app.js .....

render() {

    return (
      <React.Fragment>
          <BrowserRouter>
             <Switch>
                <Route
                  path="/"
                  exact
                  render={props => (
                    <Home
                      {...props}
                      content={this.state.content} --> conten is an ajax response
                    />
                  )}
                />
                <Route
                  path="/services"
                  exact
                  render={props => (
                    <Programs />
                  )}
                />
              )
            }

Homejs

...
render(){
        return (
            <React.Fragment>
               <ContentGroups content={this.props.content} /> 
            </ React.Fragment> 
        )
    }

Contentgroups.js

...
render {
   return(
     <ContentAudioList /> // HERE I HAVE THE <AUDIO>
)}