react开发遇到的问题 —— 熟练使用时，这个文档要删除

Posted 2020-11-23 wfblog

1、子组件什么时候获取props的值，我在constructor 获取props失败
亲测 答案：组件在一进入，即constructor 函数中就可以获取到props。

2、有一点很奇怪，自己的组件中，props组件参数改变，子组件视图不同步变化（给子组件的值，不是state中的值）。但是antd 中Table确是可以的。如下面的代码，切换每页的张数，当前页居然被设置了，什么原因。

import React from ‘react‘
import { Table } from ‘antd‘;

const columns = [
  {
    title: ‘结算单据号‘,
    key: ‘invoiceNo‘,
    dataIndex: ‘invoiceNo‘,
  },
  {
    title: ‘姓名‘,
    key: ‘name‘,
    dataIndex: ‘name‘,
  },
  {
    title: ‘机构名称‘,
    key: ‘medOrgName‘,
    dataIndex: ‘medOrgName‘,
  }
];

function Test(){
  const paginationParam = {
    total: 100,
    showSizeChanger: true,
    showQuickJumper: true,
    showTotal: total => `总共 ${total} 条记录`,
    onShowSizeChange:(current, size) => { // pageSize 变化的回调
      paginationParam.current = 2
    },
    onChange: (page, pageSize) => { // 页码改变的回调
    }
  }
  return(
    <Table columns={columns} pagination={paginationParam} bordered/>
  )
}
export default Test;

 通过测试，把  paginationParam.current = 2  放在 外面 设置，视图不会变化，但是  pageSize 事件，回调函数里没有代码，视图改变了。说明子组件有办法获取到最新的props值。