Ant Design Pro 新手踩坑记（一）--子组件的constructor(props)的props只加载一次

前言：由父组件传过来的data 子组件只更新一次。

比如有组件<DetailForm data ={data} />

在<DetailForm />里使用

constructor(props) {

    super(props);

    this.state = {

   data: props.data,

   }

}

新手有可能是疑惑就是我明明传入了，怎么还没有数据，如果是table的话，更是报错：

原因就在于，constructor(props) 只加载一次，后面没有监控到父组件的state变化（可能这样的表述不太对），就没有render子组件，所以数据就没有更新。

所以如果返回的数据是列表的话，可以这样解决：

{data&& Object.keys(data).length ? (

<DetailForm

{...dataMethods}//这里自己定义的，传入子组件的props

/>

) : null}

这样就当数据第一次挂载的返回为[]时，通过接口返回有数据时，就会实现render，这样就不会因为接口返回的数据不更新问题。

注：其实也挺简单的，但就是新手，还是没有经验，记录一下。