javascript - 如何将状态属性设置为 false

Question

我正在检查用户是否使用小于 768 像素的设备，如果是，我想将 isTop 设置为 false。我遇到了一些问题。一切看起来都很好，但我不断收到此错误:

TypeError: _this2.state.isTop is not a function

我在做什么:

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。 (来源:docs)

试试这个

this.setState({isTop: false});