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;
        }
    }
};