无法读取未定义的属性“寻求”

Posted 2023-03-15

【中文标题】无法读取未定义的属性“寻求”

【英文标题】：Cannot read property 'seek' of undefined

【发布时间】：2019-03-26 05:52:56

【问题描述】：

我正在尝试使用 react-native-video 组件，如下所示：

export default class VideoWrapper extends Component<Props> 

  render() 
    return (
        <Video
          source=require('../../assets/test_sound.mp3')
          ref=player => 
            this.player = player;
          
          muted=false
          repeat=false
          resizeMode="cover"
          volume=1.0
          rate=1.0
          ignoreSilentSwitch="obey"
          onProgress=this.onProgress
          onSeek=this.onSeek
          onEnd=this.onEnd
          onError=this.onError 
        />
    );
  
  onEnd() 
    this.player.seek(0);
  
  ...

结果：

ExceptionsManager.js:74 无法读取未定义的属性 'seek'

如果我将 onEnd 方法更改为以下内容，它将起作用：

onEnd= () => this.player.seek(0) 

我不想使用第二种方法，因为它弄乱了我的 xml 代码。我该如何解决第一种方法？

【问题讨论】：

你试过onEnd() if (this.player) this.player.seek(0); 吗？

是的。 this.player 永远不会被设置，所以搜索永远不会发生。

你在构造函数中绑定了onEnd 方法？？还是您尝试将其转换为箭头函数以获取 this 上下文？

【参考方案1】：

试试这个：

onEnd = () => 
    this.player.seek(0);
  ;