javascript - 每次更新都有悬念加载图标

Question

我有以下反应组件：

const Bleh = (props: any) => {
    const [val, setVal] = React.useState("")
    return <div>
        <Icon
            style={{ marginRight: '10px' }}
            iconName="style-three-pin-circle"
            iconColor="orange"
        />
        <Input value={val} onChange={setVal} style={{ width: 200 }} />
    </div>
}

当我在 input val 中输入内容时，加载悬念的图标会进入和退出悬念状态。

如果图标内部资产已经加载，有没有办法跳过悬念状态？