码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2019-11-16 14:48:26      阅读:81      评论:0      收藏:0      [点我收藏+]

标签:没有   cti   str   事件   quic   遇到   结算   ice   姓名   

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值。

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

标签:没有   cti   str   事件   quic   遇到   结算   ice   姓名   

原文地址:https://www.cnblogs.com/wfblog/p/11867447.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!