Reactstrap tooltip enable/disable based on state of the button
up vote 1 down vote favorite 1 I am using Reactstrap (version 6.5.0) for styling of my ReactJs project. I have an inline form which has a submit button. This button is disabled until the user has entered the mandatory details in the form. What I am trying to achieve is the following: User should be shown a tooltip when he hovers over the disabled button (i.e he has not filled in the mandatory details). When he fills in the mandatory details, the tooltip should no longer be shown on the submit button. I am using Reactstrap UncontrolledTooltip component as follows <button id="submitButton" type="submit" onClick=this.onSubmit className="btn" disabled=this.state.submitButtonDisabled>Submit</button> this.state.submitButtonDisabled && <UncontrolledTooltip placement="bottom" target="submitButton"> Please fill in the mandatory details </UncontrolledTooltip> My component has this.state.submitBu...