时间戳

首页 > 解决方案 > 利用 ！在 JSX 中的 Reactjs 组件中

javascript - 利用 ！在 JSX 中的 Reactjs 组件中

问题描述

我想更改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>

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

标签： javascriptreactjs

解决方案

这个：

<Button disabled>

简称：

<Button disabled={true}>

花括号将您弹出回纯 javascript，您可以在其中放置任何 javascript 表达式。假设this.state.enClick是一个布尔值，您可以有条件地设置disabled如下：

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

推荐阅读