React.jsフォームの値をクロムエクステンションから変更する

Question

React.jsでは開発していませんが、さまざまな種類のサイトのプログラムでフォームの値を入力する必要があるクロムエクステンションに取り組んでいます。

サイトはReact.jsを使用し、私はとの通常の方法で値を記入しています：

element = document.querySelector("input[name=firstName]"); 
element.value = "something"; 

ユーザーが送信ボタンをクリックすると、彼はあっても、そのフォーム要素のために、このエラーを取得します要素には値があります： "この情報は必須です。"

その要素に対して「変更」イベントが発生した場合は役に立ちません。

evt = document.createEvent("HTMLEvents"); 
evt.initEvent("change", false, true); 
element.dispatchEvent(evt); 

私はプログラムで値を変更するために呼び出す必要があるReact.jsフレームワークにいくつかの方法がありますか？ React.jsの経験豊富なユーザーからの助けがありがとう！

Answer 1

解決策が見つかりました。値を変更する前にelement.select();に電話してください。