react+mobx+antd(遇坑，并解决，记录下)

**

随手笔记

**
本是后台一枚，无奈写前台页面碰见坑，特此记录下，以免再犯，在项目中java后台运用是分布式微服务架构（springColud+dubbo+zookeeper+springFox+swagger2）后台实体类

public class MasterSparepart {
    private String id;
    private Date createTime;
    private Date updateTime;
    private String materialCode;
    private String partName;
    private Integer isDelimit;
    private String loadPart;
    private String timing;
    private Integer type;
    private String firstCar;
    private String applicableModelsDescribe;
    private Integer isProcurement;,
    private String supplierName;
    private Integer newType;
    private String supplierCode;
    private Integer sparePartAttribute;
    private Integer localization;
    private Integer dangerousGoods;
    private Integer isDelete;
    private String country;//国家
    省略get + set

由于甲方每次新增的数据国家为多个（大概100左右），数据库MYSQL使用的varchar2 ，实体类使用的字符串，顾在数据库中存储的时候是以如下方式存 ， 中国/美国/法国…等形式存储
在前台自定义stroe中创建对象与实体类属性一致，代码如下：

            //主数据
            id: '',
            materialCode: '',
            partName: '',
            loadPart: '',
            timing: '',
            type: '',
            firstCar: '',
            applicableModelsDescribe: '',
            supplierName: '',
            isProcurement: '',
            supplierCode: '',
            newType: '',
            sparePartAttribute: '',
            localization: '',
            dangerousGoods: '',
            applicableModelsDescribeList: [],
            countrys: [],
            country:''
        }
   @action
    changeEditFields = async (changedFields) => {
        runInAction(() => {
            this.editFields = {
                id: changedFields.id ? changedFields.id.value : this.editFields.id,
                m