如何将 state 属性设置为 false

Question

我正在检查用户是否在小于 768px 的设备上，如果他们是我想将 isTop 设置为 false。我遇到了一些问题。一切看起来都很好，但我不断收到此错误：类型错误：_this2.state.isTop 不是函数我在做什么：componentDidMount() {    this.updateWindowDimensions();    window.addEventListener('resize', this.updateWindowDimensions);    document.addEventListener('scroll', () => {        const isTop = window.scrollY < window.innerHeight - 50;        if (isTop !== this.state.isTop) {          this.setState({ isTop })        }    });    this.checkWidth = () => {        const match = window.matchMedia(`(max-width: 768px)`);        if (match) {            this.state.isTop(false);        }    };    this.checkWidth();    window.addEventListener('resize', this.checkWidth);}任何帮助，将不胜感激

Answer 1

您将isTop状态设置为 false 的语法似乎不正确。（来源：文档）

试试这个

this.setState({isTop: false});

Answer 2

您需要在构造函数中声明状态

constructor(props) {

    super(props);

    this.state = {isTop: false}

}

设置状态

this.setState({

    isTop: "YourValue"

});

获取

this.state.isTop;

不像你那样

this.state.isTop(false);