加快对TouchableWithoutFeedback的反应

时间:2018-06-22 20:07:29

标签: javascript react-native mobile

我需要快速处理一个按钮;用户可以点击的最快速度。

这将更新屏幕顶部的数字。

代码:

已渲染:

<TouchableWithoutFeedback onPress={this.clickClickBtn}>    
    <View style={styles.clickSummary}>
        <Text>Click</Text>
    </View>
</TouchableWithoutFeedback>

哪个电话:

clickClickBtn = () => {
    this.props.clickClickBtn(this.props.serviceId);
}

哪个电话:

clickClickBtn = (id) => {
    this.setState(prevState => ({
        saveData:{
            ...prevState.saveData,
            currentBalance: String(bigInt(this.state.saveData.currentBalance).add(this.getPerClick(id))),
        }
    }));
}

这是相当缓慢且缓慢的(尽管仍在博览会上,原因是这样吗?)。我不确定这是否可能是setState花费的时间,因为通过调用当前状态在屏幕上呈现了总数。

我试图优化程序以使其无济于事。

关于如何加快速度的任何想法?

谢谢,爱德华

1 个答案:

答案 0 :(得分:0)

看着您的代码,我觉得速度很慢this.getPerClick(id)。 其他一切都不需要更改。

仅供参考,世博会没有错。 每种情况下也有所不同,但有时最好保留本地更改为状态,然后立即批量更新它们。