Reactjs react本机自定义抽屉导航器

嗨，我刚开始学英语！ 正在尝试创建自定义抽屉导航器 我已经为的抽屉内容创建了一个组件 抽屉导航器，如react navigation webiste中所述 然后把这个组件添加到抽屉里，就像这样 我不明白为什么我们要在抽屉里放这样的道具

import React from 'react'
import {View,Text} from 'react-native'
import {createDrawerNavigator} from '@react-navigation/drawer'
import { NavigationContainer } from '@react-navigation/native';
import MainViewHome from './mainViewHome'
import mainViewArticles from './mainViewArticles'
import DrawerContent from './drawerContent'

const drawer=createDrawerNavigator();

export default function MainView(){
    return(
            <drawer1.Navigator drawerContent={props=><MainViewDrawer {...props}/>}>
                <drawer.Screen name='home' component={MainViewHome}/>
                <drawer.Screen name='articles' component={mainViewArticles}/>
            </drawer1.Navigator>
    )
}

从“React”导入React
从“react native”导入{View，Text}
从'@react navigation/drawer'导入{createDrawerNavigator}
从'@react-navigation/native'导入{NavigationContainer}；
从“/MainViewHome”导入MainViewHome
从“/mainViewArticles”导入mainViewArticles
从“/DrawerContent”导入抽屉内容
const drawer=createDrawerNavigator（）；
导出默认函数MainView（）{
返回(
}>
)
}

谢谢你的帮助

我不明白为什么我们要在抽屉里放这样的道具

import React from 'react'
import {View,Text} from 'react-native'
import {createDrawerNavigator} from '@react-navigation/drawer'
import { NavigationContainer } from '@react-navigation/native';
import MainViewHome from './mainViewHome'
import mainViewArticles from './mainViewArticles'
import DrawerContent from './drawerContent'

const drawer=createDrawerNavigator();

export default function MainView(){
    return(
            <drawer1.Navigator drawerContent={props=><MainViewDrawer {...props}/>}>
                <drawer.Screen name='home' component={MainViewHome}/>
                <drawer.Screen name='articles' component={mainViewArticles}/>
            </drawer1.Navigator>
    )
}

抽屉内容默认接收以下道具：

• 陈述
• 航行
• 描述符
• 进展

看

现在，假设您想向MainViewDrawer组件传递更多道具：

import React,{useState} from 'react';
import {createDrawerNavigator} from '@react-navigation/drawer';
import MainViewDrawer from './MainViewDrawer';
...

const drawer =createDrawerNavigator();

export default function MainView(){
    const [newProps, setNewProps] = useState('Hello world');

    return(
            <drawer.Navigator drawerContent={props=><MainViewDrawer {...props} newProps={newProps} />}>
                ...
            </drawer.Navigator>
    )
};

import React，{useState}来自“React”；
从'@react导航/drawer'导入{createDrawerNavigator}；
从“/MainViewDrawer”导入MainViewDrawer；
...
const drawer=createDrawerNavigator（）；
导出默认函数MainView（）{
const[newProps，setNewProps]=useState（“Hello world”）；
返回(
}>
...
)
};