react 获取this.props.children 的对象实例

thisprops 对象的属性与组件的属性一一对应，但是有一个例外，就是 thispropschildren 属性。它表示组件的所有子节点

var NotesList = ReactcreateClass({render: function() {return (<ol>{ReactChildrenmap(thispropschildren, function (child) {return <li>{child}</li>;})}</ol>);}});ReactDOMrender(<NotesList><span>hello</span><span>world</span></NotesList>,documentbody);

上面代码的 NoteList 组件有两个 span 子节点，它们都可以通过 thispropschildren 读取，运行结果如下。

hello

world

这里需要注意， thispropschildren 的值有三种可能：如果当前组件没有子节点，它就是 undefined ;如果有一个子节点，数据类型是 object ；如果有多个子节点，数据类型就是 array 。所以，处理 thispropschildren 的时候要小心。 

React 提供一个工具方法 ReactChildren 来处理 thispropschildren 。我们可以用 ReactChildrenmap 来遍历子节点，而不用担心 thispropschildren 的数据类型是 undefined 还是 object。

1invariant violation:expected a component class,got[object object]

创建自定义组件首字母要大写，否则会报错

2Module 0 is not a registered callable module

将gradle升级成最新版本(cd

android 进入android目录执行:sudo /gradlew clean)

或者通过android studio工具升级

3androidviewWindowManager$BadTokenException: Unable to add window -- token null is not valid; is your activity running

该错误属于安卓Native的错误，如果引用的Activity不存在或者已经销毁，再次引用就会报该错误，如果是react native 调用原生控件的话，创建控件需要引用：getCurrentActivity()

4androidappApplication cannot be cast to comfacebookreactReactApplication

需要将创建的MainApplication在AndroidManifestxml配置好

5Element type is invalid: expected a string (for built-in components) or a class/function but got: object

发生原生一般是你引用了无效的组件，如果组件确实正确，看下引用的组件是否正常导出：（export defalut）

6react native undefined is not an object (evaluating this

发生该错误的一般是忘记bind(this),只要回调函数中需要用到this的，一般都需要bind

7react native - expected a component class, got [object Object]

该错误可能是你引用了小写的组件，组件首字母一定要大写，比如<login/>应该写成<Login/>

在react中，可以用遍历直接循环输出。react使用的是es6语法，建议先学习es6然后再使用react。

以下是遍历添加option，然后下面就可以直接读取了。其中stationData是map数据，station是当前循环遍历的单条数据。

let Options = stationDatamap(station => <Option key={stationSiteUid}>{stationSiteName}</Option>);

以下是react return的界面，使用Option替代需要输出的代码

<Select size="default" >

    {Options}

</Select>

最后贴上map数据，就是用于遍历的数据。

let stationData={

    {SiteUid:"1",SiteName:"站点一"}，

    {SiteUid:"2",SiteName:"站点二"}

}

以上就是关于react 获取this.props.children 的对象实例全部的内容，包括:react 获取this.props.children 的对象实例、react-native获得了数组，为什么.length是undefined、如何在react.js 中利用for循环之类的输出html等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！