fix onChange with placeholder on IE

src/renderers/dom/client/wrappers/ReactDOMInput.js

@@ -28,6 +28,10 @@ function forceUpdateIfMounted() {
   }
 }
 
+function hasPlaceholder(props) {
+  return 'placeholder' in props;
+}
+
 /**
  * Implements an <input> native component that allows setting these optional
  * props: `checked`, `value`, `defaultChecked`, and `defaultValue`.
@@ -74,12 +78,17 @@ var ReactDOMInput = {
       initialChecked: props.defaultChecked || false,
       initialValue: defaultValue != null ? defaultValue : null,
       onChange: _handleChange.bind(inst),
+      _currentValue: '',
     };
   },
 
   mountReadyWrapper: function(inst) {
     // Can't be in mountWrapper or else server rendering leaks.
     instancesByReactID[inst._rootNodeID] = inst;
+    var rootNode = ReactMount.getNode(inst._rootNodeID);
+    if (hasPlaceholder(inst._currentElement.props)) {
+      inst._wrapperState._currentValue = rootNode.value;
+    }
   },
 
   unmountWrapper: function(inst) {
@@ -103,18 +112,32 @@ var ReactDOMInput = {
     if (value != null) {
       // Cast `value` to a string to ensure the value is set correctly. While
       // browsers typically do this as necessary, jsdom doesn't.
+      value = '' + value;
       ReactDOMIDOperations.updatePropertyByID(
         inst._rootNodeID,
         'value',
-        '' + value
+        value
       );
+      if (hasPlaceholder(props)) {
+        inst._wrapperState._currentValue = value;
+      }
     }
   },
 };
 
 function _handleChange(event) {
   var props = this._currentElement.props;
 
+  // #5004: IE fires input event for placeholder wrongly
+  if (hasPlaceholder(props)) {
+    var value = event.target.value;
+    if (value === this._wrapperState._currentValue) {
+      event.stopPropagation();
+      return undefined;
+    }
+    this._wrapperState._currentValue = value;
+  }
+
   var returnValue = LinkedValueUtils.executeOnChange(props, event);
 
   // Here we use asap to wait until all updates have propagated, which

src/renderers/dom/client/wrappers/__tests__/ReactDOMInput-test.js

@@ -386,4 +386,18 @@ describe('ReactDOMInput', function() {
       <input type="checkbox" checkedLink={link} valueLink={emptyFunction} />;
     expect(() => ReactDOM.render(instance, node)).toThrow();
   });
+
+  it('will not fire onChange when render with placeholder', function() {
+    var node = document.createElement('div');
+    document.body.appendChild(node);
+    var onChange = mocks.getMockFunction();
+    var parentOnChange = mocks.getMockFunction();
+    var instance = <div onChange={parentOnChange}><input placeholder="中文" onChange={onChange} /></div>;
+    // can not use renderIntoDocument
+    ReactDOM.render(instance, node);
+    expect(onChange.mock.calls.length).toBe(0);
+    expect(parentOnChange.mock.calls.length).toBe(0);
+    ReactDOM.unmountComponentAtNode(node);
+    document.body.removeChild(node);
+  });
 });