Javascript 当窗口大小缩放到更低或更高时，如何删除属性

我这里有一个来自antd的表组件

基本上，当我使浏览器窗口比

1200px

更大时，我想删除

scroll={{x:1000}}

。我如何在React中实现这一点

预订功能（）

功能预订（）{
返回(
家
预订
退出
{/*我的预订表*/}
即将到来的预订
);
}

---

我想换张桌子

您可以添加在调整窗口大小时触发的事件。小样本代码：

import React from "react";
import "./styles.css";

export default class App extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      resized: window.innerWidth < 1200
    };
    this.onResize = this.onResize.bind(this);
  }


  onResize() {
    if (window.innerWidth < 1200) {
      this.setState({ resized: true });
    } else {
      this.setState({ resized: false });
    }
  }

  componentDidMount() {
    window.addEventListener("resize", this.onResize);
  }
}

从“React”导入React；
导入“/styles.css”；
导出默认类App扩展React.Component{
建造师（道具）{
超级（道具）；
此.state={
调整大小：window.innerWidth<1200
};
this.onResize=this.onResize.bind（this）；
}
onResize（）{
如果（窗内宽度<1200）{
this.setState（{resized:true}）；
}否则{
this.setState（{resized:false}）；
}
}
componentDidMount（）{
window.addEventListener（“resize”，this.onResize）；
}
}

作为回报声明：

<Table columns={columns} dataSource={data} scroll={{x: this.state.resized ?  1000 : 0}} pagination={{ pageSize: 4 }} />

我在函数中添加了事件，它说

类型错误：无法设置未定义的属性“state”

我认为

表的解析有错误
@rwd我不知道您使用的是什么表组件。尝试以下操作：。对您来说，最重要的是要理解这背后的逻辑。
TypeError:无法设置未定义的属性“state”
我得到的错误。我将事件放在
booking（）。因为“this.state”中的“this”表示组件。尝试从答案复制代码，因为它包含正确定义的组件导出默认类App extends React.component{…}如何使用媒体查询控制表宽度？
<Table columns={columns} dataSource={data} scroll={{x: this.state.resized ?  1000 : 0}} pagination={{ pageSize: 4 }} />