此用法不常见但是个考点

const statusObj = {
  developing: 'Developing',
  implemented: 'Implemented',
  auditClean: 'Audit Clean',
  deprecation: 'Deprecated',
  unknown: 'Unknown',
function SimpleList(props) {
  const { classes } = props;
  return (
    <div className={classes.root}>
    {Object.keys(statusObj).map((obj, idx) => (
          <li key={idx} className={classes.li}>{obj} : {statusObj[obj]}</li>         
以上代码在codesandbox中运行结果如下：
 
                    遍历渲染数组1.单纯数组const pureArr = ['a','b','c','d']//假如我们想将上面的数组利用react渲染成一个列表，代码如下：{{pureArr.map(item =&gt; (&lt;li key={item}&gt;item&lt;/li&gt;))}以上代码在codesandbox中运行结果如下：2. 对象数组const objArr =...
				
之前写代码，从后台提取数据并渲染到前台，由于有多组数据，用map遍历会相对方便一点，但是
map不能遍历array数组，只能遍历object对象。
所以如果遇到这样的问题可以采用forEach试一下
forEach
import React,{Component} from 'react';
let list=[
    name:"百度",
    address:"http://www...
				
var newPoiTypeList = data.response;
	newPoiTypeList .forEach(function (val, idx, arr) {
               if (val.type_name == '公交站') {
                     val.icon =  "&#xe84b;"
	 this.setState({
	      poiTypeList..
				
一般是初学react的同学才会出现这样的问题，虽然不难，却很困扰。
这是因为数组，是引用，你虽然更新了数组，但是数组的引用地址没有变化，react就不会认为它有变化。所以，只需要在复制的时候，对之前的数组进行深拷贝，再将新的数组set给原来的变量，就ok了。
附上之前写的深拷贝代码一份。
export const deepCopyObj = (obj) => { //对象及数组深拷贝
    if (Object.prototype.toString.call(obj) == '[object Obj
相信很多使用react-native开发app的朋友都有过这样的经力，使用View循环渲染的列表，有时候无法显示分割线，可明明都加的是borderBottomColor 和borderBottonWidth,还是有一些不显示，真实汗颜~，废话不多讲，安排~
解决方案：
通过多次排查，发现我们在样式中加了高度height，并且用了封装的px2dp像素转换的方法，导致计算出现了偏差，这时候主要不去使用px2dp即可解决问题！
px2dp方法：
const { width: screenWidt