更改页面反应/ redux时继续播放音频

Question

我在这里有个大问题。 我的<audio>上有一个组件丝毫标签/home，当我单击音乐开始并与其他播放器组件调用MainPlayer共享数据（标题，控件，音乐）时。此组件与所有视图交叉，而带有音频标签的组件仅存在于主页中。问题是，如果我更改视图，音乐将停止。 我正在使用redux将该数据共享给其他组件。 请帮助！谢谢！

示例：

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>
)}