我如何调试"对象作为React孩子无效"反应原生错误

时间:2017-05-11 05:53:20

标签: react-native

对象无效作为React子对象(找到:具有键{style,title}的对象)。如果您要渲染子集合,请使用数组,或使用React附加组件中的createFragment(object)包装对象。检查View的呈现方法。

我不知道该粘贴的痕迹是什么,因为它根本不在我的代码中。任何想法将不胜感激!感谢。

Trace on simulator

index.ios.js

import React, { Component } from 'react';
import {
  AppRegistry,
  StyleSheet,
  Navigator
} from 'react-native';

import Product from './product.js';
import Services from './services.js';
import ProductsList from './productslist.js';
import AddProduct from './addProduct.js';
import {StackNavigator} from 'react-navigation';

const routes = [
  {
    title : 'Services',
    renderFunc : (navigator) => <Services navigator={navigator} />
  },
  {
    title : 'Marketplace',
    renderFunc : (navigator) => <ProductsList navigator={navigator}/>
  }
];

const stackNavigatorRoutes = {
  Services : {
    screen : Services,
  },
  ProductsList : {
    screen : ProductsList
  },
  Product : {
    screen : Product
  },
  AddProduct : {
    screen : AddProduct
  }
};

const AppNavigator = StackNavigator({
  ...stackNavigatorRoutes,
},
{
    initialRouteName : 'Services',
    navigationOptions : {
        header : {
          style : {
            height : 60,
            backgroundColor : 'cadetblue'
          },
          title : 'ResiShare'
        }
    }
});

class Rs extends Component {
  render() {
    return (
        <AppNavigator />
        // <ProductsList />
        // <AddProduct />
      );
  }
}

1 个答案:

答案 0 :(得分:1)

我的问题的主要目的是找出调试类似这样的内容,其中跟踪没有显示任何我的代码

答案是将index.ios.js中的入口点替换为有效的东西,然后慢慢添加组件。

在这个特殊情况下,这个fubaring的原因是反应导航(https://github.com/react-community/react-navigation/issues/1413)的一个突破性变化,我没有意识到我已经接受了(我绝对必须&#39; ve做了一个npm安装)。