Javascript 当应用程序中的状态更改时，React Fullpage TypeError未定义

当React应用程序中的状态发生变化（主要通过onClick事件）时，React fullpage软件包会为以下滚动事件抛出一个TypeError，导致性能大幅下降

我尝试了多种方法将状态更改绑定到单击事件，但每种方法都会抛出相同的错误。我还尝试了多个配置中的Fullpage，每个配置都会导致相同的问题

<ReactFullpage
    scrollBar
    licenseKey={'YOUR_KEY_HERE'}
    scrollingSpeed={500}
    render={comp => (
        <Fragment>
            <ReactFullpage.Wrapper>
                <div className={this.state.toggle ? "overlay section" : "section">
                    <div onClick={() => this.setState({toggle: !this.state.toggle})}>Toggle state</div>
                 </div>
             </ReactFullpage.Wrapper>
         </Fragment>
     )}
/>

状态更改后的每个滚动事件都会发生这种情况，这会导致控制台中充满错误，并且程序包本身会使应用程序无法使用

---

如果有人对如何解决这个问题或提供类似功能的任何其他包有任何想法，那么我洗耳恭听。谢谢

我想你现在面临的问题是你在做什么

 this.setState(toggle: !this.state.toggle)

我相信你想做的是

 this.setState({toggle: !this.state.toggle})

因为React state实际上是一个对象。

---

但是，由于组件中不存在e，应用程序中可能存在其他问题。

问题已解决，状态更改时“section”类被覆盖，导致fullpage出现故障。如果有人有任何其他想法，我很乐意听到

这可能是由于包装器中的胖箭头和

this

导致的问题Share this code block react fullpage.js:2875检查此错误-TypeError:e是未定义的react-fullpage.js:2875@KannanG下面是日志中显示错误正在发生的代码（）此错误不在代码段中。请与我们分享一些代码，让我们看到并解决问题。这是在创建问题时的一个输入错误，感谢您选择它

 this.setState({toggle: !this.state.toggle})