我想将原始播放器的静音状态转发给迷你播放器(图)

Javascript 克隆如何反应组件？

反应

Javascript 克隆如何反应组件？,javascript,reactjs,Javascript,Reactjs, 我正在实现媒体播放器组件的画中画功能我的代码是我想将原始播放器的静音状态转发到迷你播放器不幸的是Chrome中出现了一些东西问题我发现如果我先弹出迷你播放器然后在原始播放器中切换静音迷你播放器静音状态可以跟随原始播放器如果我先取消原始播放器静音然后弹出迷你播放器迷你播放器的静音状态不能follow the original player 但是在Firefox浏览器中，mini player的静音状态总能和原来的一样 我试过改变MediaPlayer类的render方法如下： render(){

我正在实现媒体播放器组件的画中画功能

我的密码是

我想转发原播放器的静音状态给迷你播放器

遗憾的是，Chrome 浏览器存在一些问题

我发现如果我先弹出迷你播放器扣扣空间克隆器，然后在原始播放器中切换静音

迷你播放器的静音状态可以跟随原播放器

如果我先把原播放器取消静音，再弹出迷你播放器，迷你播放器的静音状态就跟不上原播放器了

但是在Firefox浏览器中，miniplayer的静音状态可以一直匹配到原来的静音状态

我试过如下更改 MediaPlayer 类的渲染方法：

render(){
    var media;
    if (this.state.showMiniPlayer){
        media=this.normalPlayer.media;
    } else {
        media=null;
    }   
    return (
        
             { this.normalPlayer = instance; }}
                showFullScreen={this.state.showFullScreen}  
                showMiniPlayer={this.state.showMiniPlayer}
                toggFullScreen={this.toggFullScreen} 
                toggleMute={this.toggleMute}
                togglePInP={this.togglePInP}>
            
            {media}
            
    )
}

那么扣扣空间克隆器，我该如何解决这个问题

这是 Pavan Kalyan 的截图： {p>{media} is wrong reason to check the value of media, it should not be object 感谢 Pavan Kalyan 的启发，我解决了这个问题。我将代码更新为 stackblitz。{media} 是媒体值检查错误的原因，它不应该是一个对象 感谢 Pavan Kalyan 的启发，我解决了这个问题。我将代码更新为 stackblitz。

Uncaught Error: Objects are not valid as a React child