antd-pro 使用经验

antd-pro中的很多组件，都是对antd组件的封装

所以，很多属性配置，都可以通用的！

tree搜索

   {
      title: '预警对象',
      dataIndex: 'objectId',
      // copyable: true,
      ellipsis: true,
      hideInTable:true,
      width: 150,
      initialValue:defalutObjectId,
      // valueType: 'select',
      renderFormItem:(
        _,
        { type, defaultRender, formItemProps, fieldProps, ...rest },
        form,
      ) => {
        return <TreeSelect
        showSearch
        style={{ width: '100%' }}
        // defaultValue={defalutObjectId}
        // value={form.getFieldValue('objectId')}
        dropdownStyle={{ maxHeight: 400, overflow: 'auto' }}
        placeholder="请选择"
        // labelInValue
        allowClear
        treeNodeFilterProp='title'
        treeDefaultExpandAll={false}
        // onSelect={(value)=>{
        //     console.log('选中了',value)
        //     form.setFieldsValue({objectId:value})
        // }}
        onChange={value => {
          console.log('默认值或者修改后的值',value);
          history.replace(history.location.pathname, {})
          form.setFieldsValue({objectId:value})
        }}
        treeData={chartTree}
      />
      }
    },

先说antd-pro-table遇到的问题

1.请求的时候，搜索和分页相关的参数，都会拼接到url上，这显然不好
2.使用table的，scroll属性配置，配置pro-table。可以实现pro-table的纵向滚动
3.使用 options={{false}} 可以隐藏-----刷新，列展示选项，密度，等等按钮。
4.使用 tableAlertRender={false} 隐藏，多选等等操作，出现的提醒。
5.建议抛弃umi-request。因为升级半的pro，不在使用umi-request
6.批量操作的实现。

还是看demo项目来的快

https://preview.pro.ant.design/dashboard/analysis