javascript - ブール値が false から true に変化したときに、react 16 で別の div を表示するにはどうすればよいですか?

Question

反応16アプリに基本的なフォームがあります。フォームの送信が成功すると、変数を からfalseにtrue切り替えます。ブール値が切り替えられたら、別の div を表示したいと思います。

これが私の変数宣言とフォーム送信関数です:

var formSubmitted = false;
const formObj = {};

const requestInfo = (formObj) => {
     formObj.modelNumber = product.modelNumber
     submitForm(formObj)
        .then(value => {
            formSubmitted = true;
            console.log(formSubmitted);
     }, reason => {
         // rejection
     });
};

条件付き HTML は次のとおりです。

<div>Always showing</div>

{ !formSubmitted &&
  <div>Form has not been submitted</div>
}

{ formSubmitted &&
  <div>Form submitted successfully</div>
}

フォームは正常に送信され、console.log は変数が から に正常に切り替えられたことを示していますがformSubmitted、HTML は変更されていません。反応16は初めてで、コンポーネントを更新する方法がわかりません。falsetrue

ありがとうございました。