使用React更新状态不会更新IE9中的DOM

Question

I am using React and whenever I update the state of my component, it does not immediately update the view in IE9. I have to scroll the specific dom element out of my view and scroll it back into view to see it update. This works fine in all other browsers (Safari, Chrome, IE10+, Firefox)

Any idea what is causing this and how I can make it update without having to do this scrolling?

Answer 1

For IE-9 you can use like

<meta http-equiv="X-UA-Compatible" content="IE=edge">

or you can find same question with solution over here

React JS not working with Internet Explorer 9

It supports IE9 ,check here

IE supported after IE9

Answer 2

Found the issue. When using a span tag around a state property in ReactJS, IE9 will not update it visually unless right-click selecting the text or scrolling it out of your view and back in.