Reactjs - js inside html elements

Question

In my project, I have a button which I want to disable using state.

<Button 
    color='success' 
    onClick={this.changeForm}
    block
    disabled
    >
    LOGIN
</Button>

I am using Reactstrap. I have a flag value set in the state. I want to disable the button if flag is set to TRUE. So, I came up with this code:

<Button 
    color='success' 
    onClick={this.changeForm}
    block
    {this.state.flag && 'disabled'}
    >
    LOGIN
</Button>

I am getting Syntax Error. I understand that that's a not proper syntax so how can I achieve the functionality that I want?

Eran Goldin · Accepted Answer · 2018-10-17 07:11:38Z

3

disabled is a prop of Button. Thus:

<Button 
    color='success' 
    onClick={this.changeForm}
    disabled={this.state.flag}
    >
    LOGIN
</Button>

answered Oct 17, 2018 at 7:11

Eran Goldin

96912 silver badges21 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Eran Goldin Over a year ago

Absolutely not stupid. You don’t know until you know ;)

Collectives™ on Stack Overflow

Reactjs - js inside html elements

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related