Question

我有一个Material-ui卡，其中包含图像，输入字段，复选框和提交按钮。在哪个卡上显示onclick，以下代码中未提及的其他选项。单击提交时，我想关闭卡。我该如何实现？

sql.on('error', err => {...});

以下是我在CodeSandbox上的代码 https://codesandbox.io/embed/lppzx48r0m

Answer 1

有多种方法可以实现您想做的事情您将需要一个标志来有条件地隐藏或显示卡。例如，让flag处于状态变量，然后根据“提交”按钮更改状态变量flag，并根据this.state.flag进行更改

{this.state.flag ?
    (<Card
        className="details-card"
        style={{ paddingTop: "0px" }}
        color="primary"
    >
        //Card content
    </Card>)
    :
    null
}

您还可以基于this.state.flag

提供条件CSS

<Card
    className="details-card"
    style={{ paddingTop: "0px", display: this.state.flag ? block : 'none'}}
    color="primary"
>
    //Card content
</Card>

P.S .：不建议使用第二种方法，因为即使不需要它，我们也会渲染元素。

在反应中单击按钮时如何关闭卡？

1 个答案: