用！在JSX中的Reactjs组件中

html5 • • 问答 • 163 阅读

我想更改Material-UI Button组件。

<Button>

到

<Button disabled>

<Button disabled>

所以我的源代码是这样的，但它显示了 Parsing error: Unexpected token, expected "..."

<Button {!this.state.enClick ? "" : disabled }><Button>

不在Button标签{!A ? B:C }作品中。

<Button>
{!this.state.enClick ? "OK":"No"}
</Button>

为此目的的最佳做法是什么？

回答

这个：

是这个的缩写：

<Button disabled={true}>

大括号将您带回到普通的 javascript 中，您可以在其中放入任何 javascript 表达式。假设this.state.enClick是一个布尔值，您可以disabled像这样有条件地设置：

<Button disabled={this.state.enClick}>

以上是用！在JSX中的Reactjs组件中的全部内容。
THE END
分享
二维码
< <上一篇
下一篇>>