在 TypeScript React Native Navigation 中定义参数

Question

我有一个部分屏幕，它从数据库中获取测验数据并将其传递给基于该部分的测验屏幕。 来自数据库的数据结构是：

{
  sections: [
   {
    questions: [
     {
      question: "",
      options: ["", "", ""],
      answer: "",

...

}

因为我使用的是 React Navigation with TypeScript，所以我需要为 Section 和 Quiz 屏幕定义

RootStackParamList

，例如：

type RootStackParamList = {
  Home: undefined;
  Sections: ?;
  Quiz: ?;
};

跨屏幕导航，如：

{data.sections.slice(1).map((section, index) => (
 <TouchableOpacity
  key={index}
  onPress={() => navigation.navigate('Quiz', {data: section.questions})}
 </TouchableOpacity>
))}

如何定义

Sections

和

Quiz

以便我可以跨屏幕传递数据？

试图定义

Sections

和

Quiz

属性，但 TypeScript 抛出一个不可分配的错误。