在地图内按下按钮时进行渲染

Question

我有一张显示不同按钮的地图，每当我按下其中一个按钮时，就会触发警报，或者实际上会触发返回任何内容的任何功能。 为什么会这样？

{activitiesObject.map((data, i) => (
                            <TouchableOpacity key={data.activity} onPress={() => toggleSelectedActivity(i)}>
                                <Text style={selectedActivity ? styles.selectedTag : styles.tagsText}>{data.activity}</Text>
                            </TouchableOpacity>
                        ))}

我希望每次按一些按钮时都不会发生重新渲染，也不会触发警报。

小吃https://snack.expo.io/DSwQPPn3x9

Answer 1

您在每次呼叫 setSelectedActivity （这是更新状态）的每次开机时都调用 toggleSelectedActivity 。 每当我们更新状态重新渲染时，都会有一个反应规则。