[英]use ! in Reactjs Component in JSX
I want to change Material-UI
Button
component.我想更改
Material-UI
Button
组件。
<Button>
to至
<Button disabled>
So my source code is this,but it shows the Parsing error: Unexpected token, expected "..."
所以我的源代码是这样的,但它显示
Parsing error: Unexpected token, expected "..."
<Button {!this.state.enClick ? "" : disabled }><Button>
Not in Button
tag {?A: B:C }
works.不在
Button
标签{?A: B:C }
中有效。
<Button>
{!this.state.enClick ? "OK":"No"}
</Button>
What is the best practice for this purpose??为此目的的最佳做法是什么?
This:这个:
<Button disabled>
is short for this:简称:
<Button disabled={true}>
The curly brackets pop you back into plain javascript, and you can put any javascript expression in there.花括号将您弹出回普通的 javascript,您可以将任何 javascript 表达式放在那里。 Assuming
this.state.enClick
is a boolean, you can conditionally set disabled
like this:假设
this.state.enClick
是 boolean,您可以有条件地设置disabled
,如下所示:
<Button disabled={this.state.enClick}>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.