我如何有条件地计算本地反应的状态之一？

debugcn 发表于 Dev

背风处

我刚刚开始通过构建测验应用程序来学习React Native。

我在计算以下两件事；

numberOfTry：尝试回答测验的次数。
numberOfCorrectAnswerOnFisrtTry：第一次尝试回答的尝试次数。

1号还可以但是第二名杀死了我好几天。我想知道如何在单击按钮时有条件地更改一种状态。


    从'react'导入React，{Component};
    从'react-native'导入{View，Text，Button};

    类测验扩展组件{

        状态= {
            测验位置：10，
            numberOfTry：0，
            numberOfCorrectAnserOnFirstTry：0，
            isFirstTry：true
        }

        updateCount =（）=> {
            this.setState（{
                如果（isFirstTry = true）{
                    numberOfCorrectAnserOnFirstTry：numberOfCorrectAnserOnFirstTry +1
                }
                numberOfTry：this.state.numberOfTry + 1，
                isFirstTry：否，
              }）;
        }

        渲染（）{

            返回（
                 
                     您尝试了{this.state.numberOfTry +1}次。
                     纠正{this.state.numberOfCorrectAnserOnFirstTry}次
                    
                    
                
            ）
        }
    }

    导出默认测验

安德斯

我假设this.state.quiz_position是指示当前问题的索引，而不需要isFirstTry状态标记。

updateCount = () => {
    const { numberOfCorrectAnserOnFirstTry, numberOfTry, quiz_position } = this.state;
    const isFirstTry = quiz_position === 0;

    this.setState({
        numberOfCorrectAnserOnFirstTry: isFirstTry? numberOfCorrectAnserOnFirstTry + 1 : numberOfCorrectAnserOnFirstTry
        numberOfTry: numberOfTry + 1,
   });
}

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。