2017 在zrx踩过的坑

1.修改分配规则页

！！忽然有一天 左侧的单选按钮不能点了！！

左侧代码的外层结构：

<RadioGroup  value={this.state.value} defaultValue={this.state.value}
             onChange={this.sourceNumberChange} >
  <Tree>
    {this.getFields()}
  </Tree>
</RadioGroup>

getFields 的主要内容是返回单选按钮和渠道名：

修改前的有坑代码：
<TreeNode key={channelData[i].children[j].sourceNumber}
          title={<Radio  value={channelData[i].children[j].sourceNumber}>{channelData[i].children[j].sourceName}</Radio>} 
          className="no-tree-tit">
</TreeNode>

填坑之后的代码：

<TreeNode key={channelData[i].children[j].sourceNumber}
          title="" className="no-tree-tit">
  <Radio  value={channelData[i].children[j].sourceNumber}>{channelData[i].children[j].sourceName}</Radio>
</TreeNode>

原因：antDesign 升级之后的新版本，不支持TreeNode用<Radio>做title，由此展开的思考--某文章

2.客户列表

没有客户编号的记录 接口并没有返回联系方式 但是在翻页的时候 联系方式的排列就乱了.....囧....

手机号，是一个封装过的组件：

<div style={{display: 'inline'}}>
  {
    !hide && phoneNum &&
    <Popconfirm title="确认查看该手机号？"
                onConfirm={this.confirmYes}
                onCancel={this.confirmNo} okText="确定" cancelText="取消">
      <a>{handleCommon.getPhoneNumAdm(phoneNum)}</a>
    </Popconfirm>
  }
  {
    (hide || !phoneNum) && <span>{handleCommon.getPhoneNumAdm(phoneNum, true)}</span>
  }
</div>

用到它的时候 需要传：customerId 和 phoneNum 给它

<HidePhone customerId={record.customerId ? record.customerId.toString() : ''} 

phoneNum={record.primaryMobile? record.primaryMobile.toString() :''}/>

修改之后：

<HidePhonekey={record.customerId}

customerId={record.customerId? record.customerId.toString() :''}

phoneNum={record.primaryMobile? record.primaryMobile.toString() :''}/>

没错 是key 的问题！！！