如何在栈导航器中将道具传递到屏幕

Question

我有一个顶部的标签栏。每个选项卡都有一个堆栈导航器。

动态导航器在这里：

datas.forEach(function(data) {
    const StackNavigator = createStackNavigator({
        Home: HomePage
    }, {
        navigationOptions: {
            title: data.headerTitle
        }
    });
    tabs[data.headerTitle] = StackNavigator;
});

createMaterialTopTabNavigator(tabs, configs);

我想将数据传递给HomePage。我怎样才能做到这一点？以下用法不是有效的语法。我遇到以下错误：

  

参考错误：找不到变量React

Home: { screen : props => <HomePage {...props} {...value} /> }

Answer 1

在js文件顶部

import React from 'react';

由于您在js文件中使用JSX，因此需要React。