打开模式时，React Three Fiber无法调整到父画布的大小

constructor(props) {
  super(props);
  this.state = {
    canvasWidth: window.innerWidth,
    canvasHeight: window.innerHeight
  };
}

componentDidMount() {
  window.addEventListener('resize', this.handleResize);
}

componentWillUnmount() {
  window.removeEventListener('resize', this.handleResize);
}

handleResize = () => {
  this.setState({
    canvasWidth: window.innerWidth,
    canvasHeight: window.innerHeight
  });
}

render() {
  const { canvasWidth, canvasHeight } = this.state;

  return (
    <Canvas
      style={{ width: canvasWidth, height: canvasHeight }}
    >
      {/* 在这里添加你的3D场景 */}
    </Canvas>
  );
}