How to draw two different modal content?

Question

React

Good afternoon, I have a modal window in which the content is displayed depending on the condition.

It is not possible to change the content of the modal to "Subscription successful disabled" when the subscription is disabled.
And when you click on the "Enable subscription" button, the content of the modal changes to "Enable subscription by clicking on button"

Now it turns out that "Subscription successful disabled" is displayed immediately and "Enable subscription by clicking on button"
The enableSub and disableSub functions emulate sending data to the server, and state emulates receiving data from the server

Answer 1

Pass props and output either one message or another through the condition.