react redux ie8 compatible tips

1  

How to access custom attributes from event object in React?

https://stackoverflow.com/questions/20377837/how-to-access-custom-attributes-from-event-object-in-react

render: function() {
    ...
    <a data-tag={i} style={showStyle} onClick={this.removeTag.bind(null, i)}></a>
    ...
},

You can do either event.target.dataset.tag or event.target.getAttribute('data-tag'); either one works.

 

 

2  react-redux connect 报  stack overflow  

  将react-redux 版本从5.0.7降低到4.2.1，问题解决

参考： https://github.com/coder-Yin/react-redux-ie8

 

3  ie8不支持addEventListener

ie8采用attachEvent 和 detachEvent

参考： https://stackoverflow.com/questions/12949590/how-to-detach-event-in-ie-6-7-8-9-using-javascript

var EventUtil = {
    addHandler: function(element, type, handler) {
        if (element.addEventListener) {
            element.addEventListener(type, handler, false);
        } else if (element.attachEvent) {
            element.attachEvent("on" + type, handler);
        } else {
            element["on" + type] = handler;
        }
    },
    removeHandler: function(element, type, handler) {
        if (element.removeEventListener) {
            element.removeEventListener(type, handler, false);
        } else if (element.detachEvent) {
            element.detachEvent("on" + type, handler);
        } else {
            element["on" + type] = null;
        }
    }
};

4、jquery 3.3.1 报 对象不支持属性或方法

   jquery 1.x 支持ie8，将jquery由3.3.1降至1.12.4

5、jquery.ajax在ie8下报“No Transport Error”

解决： 

jQuery.support.cors = true;

参考： https://stackoverflow.com/questions/9160123/no-transport-error-w-jquery-ajax-call-in-ie