React Native，在 return 中创建一个 if 循环

Question

我想在我的 Flatlist return 中创建一个 if 循环，这样每次调用一个新的 Flatlist 时，我的 'pass' 都会返回到 0 这是我的代码：

               <FlatList
                    data={letter.description}
                    numColumns={2}
                    keyExtractor={(_, index) => index.toString()}
                    renderItem={({ item }) => {
                      return (
                        //if (pass>letter.description?.length) {
                        //pass=0;
                        //}
                        <View>
                          <Text
                            style={{
                              fontSize: 18,
                              fontWeight: "600",
                              marginTop: 25,
                              width: "50%",
                            }}
                          >
                            {letter.data[pass]}
                            {"\n"}
                          </Text>
                          <Text style={{ marginTop: 50, width: "50%" }}>
                            {letter.description[pass]}
                            {pass++}
                            {"\n"}
                          </Text>
                        </View>
                      );
                    }}
                  />

我该怎么做？

Answer 1

有点吹毛求疵...if 不是“循环”。这是两件截然不同的事情。话虽如此...

您正试图将一个语句放在另一个语句中。只需将 if 移动到 之前 return:

if (pass>letter.description?.length) {
  pass=0;
}
return (
  //...
);

它们是两个独立的操作，没有理由试图将它们混在一起。