我可以在状态对象上调用一个方法吗？我得到这个错误- this.state.stream.getTracks()[0].stop()；

class MyComponent extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      stream: null
    };
  }

  componentDidMount() {
    // 获取流对象并存储在状态对象中
    navigator.mediaDevices.getUserMedia({ video: true, audio: true })
      .then((stream) => {
        this.setState({ stream });
      })
      .catch((error) => {
        console.error('Error accessing media devices:', error);
      });
  }

  stopStream() {
    // 停止流的方法
    if (this.state.stream) {
      const tracks = this.state.stream.getTracks();
      if (tracks.length > 0) {
        tracks[0].stop();
      }
    }
  }

  render() {
    return (
      <div>
        <button onClick={() => this.stopStream()}>停止流</button>
      </div>
    );
  }
}