利用 ！ 在 Reactjs JSX 中的组件

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是 boolean，您可以有条件地设置disabled ，如下所示：

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