antd一些问题

1、去掉button光晕

用ant design中的Button的时候，每次点击都会在视图button上添加一个属性ant-click-animating-without-extra-node这个属性。如何才能取消？设置outline，box-shadow都无法取消。

Wave实现了这个光晕效果。在不修改antd 源码的情况下，ant-click-animating-without-extra-node这个属性是去不掉的，只有通过css去掉这个效果。

button[ant-click-animating-without-extra-node]:after {
  border: 0 none;
  opacity:;
  animation:none 0 ease 0 1 normal;
}

二、报错类型不对

1、问题描述

Warning: Failed prop type: Invalid prop `dataSourceList` of type `object` supplied to `Index`, expected `array`.

2、问题分析

<Table dataSource={dataSourceList}
     columns={this.columns}
     bordered
     pagination={pagination}
     rowKey={record => record.id}
/>

因为dataSourceList有可能为undefined，检查dataSourceList的传值是否正确。

3、解决方案

<Table dataSource={dataSourceList.length ? dataSourceList : []}
     columns={this.columns}
     bordered
     pagination={pagination}
     rowKey={record => record.id}
/>

三、表单元素赋值

1、问题描述

Warning: `getFieldDecorator` will override `value`, so please don't set `value` directly and use `setFieldsValue` to set it.

2、问题分析

<FormItem colon={false} label="是否为有效值">
{getFieldDecorator('valid', {
    initialValue: 1
})(
    <Group
        onChange={this.handleRadioChange.bind(
            this,
            'valid'
        )}
       value={this.state.validValue}
    >
        <Radio value={1}> 有效 </Radio>
        <Radio value={0}> 无效 </Radio>
    </Group>
)}
</FormItem>

3、解决方案

去掉value赋值，和defaultValue赋值，同一用initialValue和onChange。

<FormItem colon={false} label="是否为有效值">
{getFieldDecorator('valid', {
    initialValue: 1
})(
    <Group
        onChange={this.handleRadioChange.bind(
            this,
            'valid'
        )}
    >
        <Radio value={1}> 有效 </Radio>
        <Radio value={0}> 无效 </Radio>
    </Group>
)}
</FormItem>