javascript - 当我通过 document.getElementById 更新值时，React 不会触发 onChange 事件

Question

我有一个像这样的隐藏输入字段:

<input type="hidden" value="0" id="selected-committee"
  onChange={this.setSelectedSchool.bind(this)} />

我想在输入更改时触发 setSelectedSchool 函数。我在子组件中更改该元素的值，如下所示:

document.getElementById('selected-committee').value = id;

这会成功更改值，但不会触发该函数。我该如何解决这个问题？

Answer 1

也许会触发显式输入事件。

var element = document.getElementById('selected-committee');
element.value = id;
var event = new Event('input', { bubbles: true });
element.dispatchEvent(event);