React native 使用React导航将道具传递给子组件
我试图找出如何将道具传递给“摄影机”组件,但在尝试时出现语法错误React native 使用React导航将道具传递给子组件,react-native,react-props,React Native,React Props,我试图找出如何将道具传递给“摄影机”组件,但在尝试时出现语法错误 component= { Camera doSomething={this.doSomething}} 似乎找不到对此有帮助的文档。我相信这很简单,如果你知道如何-希望有人可以帮助 我的代码 import React, { Component } from 'react'; import Camera from './camera' import VideoComponent from './video' import Au
component= { Camera doSomething={this.doSomething}}
似乎找不到对此有帮助的文档。我相信这很简单,如果你知道如何-希望有人可以帮助
我的代码
import React, { Component } from 'react';
import Camera from './camera'
import VideoComponent from './video'
import AudioComponent from './audio'
import File from './file'
import { createMaterialBottomTabNavigator } from '@react-navigation/material-bottom-tabs';
import { MaterialCommunityIcons } from 'react-native-vector-icons';
const CaptureNav = createMaterialBottomTabNavigator();
class Capture extends Component {
render(){
return (
<CaptureNav.Navigator >
<CaptureNav.Screen
name="Camera"
component= {Camera}
options={{
tabBarIcon : () => (
<MaterialCommunityIcons name='camera' color={'black'} size={26} />
)
}}
/>
<CaptureNav.Screen
name="Video"
component= {VideoComponent}
/>
<CaptureNav.Screen
name="Audio"
component= {AudioComponent}
/>
<CaptureNav.Screen
name="File"
component= {File}
/>
</CaptureNav.Navigator>
)
}
}
export default Capture
您需要将组件传递给react导航组件props,如component={}
<Stack.Screen name="Home">
{props => <HomeScreen {...props} extraData={someData} />}
</Stack.Screen>