如何更改 RMWC 组件的属性？答案

【问题标题】：How do I change the attributes of an RMWC Component?如何更改 RMWC 组件的属性？
【发布时间】：2021-04-21 23:24:42
【问题描述】：

我有一个 RMWC Button 元素，我想在触发 onClick 事件时更改 icon 属性。

<Button outlined icon={<CircularProgress />}
    onClick={(e)=> {
        // e.currentTarget.icon = '';
        // console.log(e.currentTarget.icon) 
        // ??? :V
}} 
>Export</Button>

更具体地说，我试图让按钮在单击按钮时停止加载：P

【问题讨论】：

标签： javascript reactjs material-ui react-material material-components-web

【解决方案1】：

你可以用useState更新方法

const [load,setLoad] =  useState(true);

<Button outlined icon={load ? <CircularProgress />:<SomeOtherIcon/>}
    onClick={(e)=> setLoad(false)} >Export</Button>

【讨论】：