【前端】开发小纪

移动端元素不能撑到窗口底部，什么问题？

antd 3.6.5
原因是因为如下设置

.ant-layout {
    height: inherit;
}

解决办法：去掉这个配置

Select多选选择后的异常现象，什么原因

      <Form className={styles.form}>
        <Row gutter={24}>
          <Col span={7}>
            <Form.Item
              label=“多选组件”  {...formItemLayout}>
              {getFieldDecorator('chosenItems', {
                initialValue: [],
              })(
                <Select
                  mode="multiple"
                  placeholder="请选择"
                >
                  {this.props.commonData.dataList.map((item, ind) => (<Option value={item} key={ind}>{item}</Option>))}
                </Select>
              )}
            </Form.Item>
          </Col>

        </Row>
      </Form>

TestForm = Form.create({
  onFieldsChange(props, changedFields) {
    console.log(changedFields)
    props.setParams(changedFields);
  },
  mapPropsToFields({params}) {
    return {
      chosenItems: Form.createFormField({
        value: params.chosenItems || undefined
      }),
    };
  },
  onValuesChange(_, values) {
  }
})(TestForm);

注意：
1、initialValue: [],是保证选中后，没一个选择生成一个在Select框内的tag
如果不设置这个初始值，选中选项就不会生成tag
2、当chosenItems初始值设置为空字符串’',
当选中选项时，所有的选中的项会拼接为一个字符串放在一个tag中

设置了fixed: ‘right’,左侧非fixed的列不能左右滑动，怎么处理？

fixed需要和Table的scroll={{ x: ‘100%’ }}属性配合使用