javascript - 如何更改 RMWC 组件的属性？

Question

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

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

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

标签： javascriptreactjsmaterial-uireact-materialmaterial-components-web

Answer 1

您可以使用useState更新方法

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

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