React-Hoos 下动态加载使用 Layui 上传文件控件 【稀里糊涂小坑不断！】

  一种情况:	第一个控件可以上传但是只能上传一次，再次点击无效；
  一种情况:	动态遍历生成的上传控件，
  			点击时第一次选择了图片无反应，
  			紧接着触发了第二次选择图片的情况，然后可以上传
  一种情况：	动态生成的上传控件，会不定时前几个能点，但是不触发上传后的回调效果

        /**
         * 动态更新渲染 LayUi 的 upload 组件
         * 注意： 是在上传控件加载时就要调用，不然一切白搭！
         */
        function updateSkuUploadTag(){
            layui.use(['upload'], function() {
                let upload = layui.upload;
                $(".btn_sku_upload_img").off('click')
                $(".btn_sku_upload_img").off('change')
                $(".btn_sku_upload_img").data('haveEvents', false);
                
                upload.render({
                    elem: '.btn_sku_upload_img'
                    , type: 'images'
                    , exts: 'jpg|png|gif|jpeg' //设置一些后缀，用于演示前端验证和后端的验证
                    , accept:'images' //上传文件类型
                    , url: image_upload_url //上传图片的 API 路径
                    , before: function (obj) {
                        let sku_index = this.sku_index;
                        obj.preview(function (index, file, result) {
                            $('.sku-img-upload-preview-'+ sku_index).attr('src', result); //图片链接（base64）
                        });
                    }
                    , done: function (res) {
                        //如果上传成功
                        if (res.status == 1) {$('.input-sku-img-'+this.sku_index).val(res.data.url);}
                        dialog.tip(res.message);
                    }
                    , error: function () {
                        //演示失败状态，并实现重传
                        return layer.msg('上传失败,请重新上传');
                    }
                });
            });
        }