reactjs - 如何用useMemo包装平面列表的renderItem函数

Question

有一个简单的 renderItem 函数，我只需要用“useMemo”包装它，但遇到如下错误；

原来的：

  const renderItem = ({ item, index }: { item: any; index: number }) => {
        return (
          <QuizRow
            startTutorial={startTutorial}
            backgroundColor={item.pack_color}
            isReinforcement={item.isAdaptive && adaptive?.has_quiz}
            quiz={item}
            imgSource={item.topic_image}
            due={item.due_date}
            style={{ marginBottom: 12 }}
            onPress={() => pressQuiz(item, index)}
          />
        )
      }

...
return (

         <FlatList
            extraData={assignedQuizzes || adaptive}
            data={quizList}
            keyExtractor={item => item.quiz_id}
            renderItem={renderItem}
          />