当应用程序中的状态发生变化时，React Fullpage TypeError 未定义

Question

当 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>

     )}

/>

这应该只是改变我要求它的状态。相反，我得到

TypeError: e is undefined     react-fullpage.js:2875

    n react-fullpage.js:2875

    _n react-fullpage.js:2885

    fe react-fullpage.js:3572

    He react-fullpage.js:3800

    je react-fullpage.js:3850

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

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

Answer 1

我认为你在这里遇到的问题是你正在做&nbsp;this.setState(toggle:&nbsp;!this.state.toggle)我相信你想做的是&nbsp;this.setState({toggle:&nbsp;!this.state.toggle})因为 React 状态实际上是一个对象。但是，您的应用程序中可能存在其他一些问题，因为您的组件中不存在e。