用 ！在 JSX 中的 Reactjs 组件中

Question

我想更改Material-UI Button组件。

<Button>

到

<Button disabled>

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

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

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

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

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

Answer 1

这个：

<Button disabled>

是这个的缩写：

<Button disabled={true}>

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

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