Javascript 每次更新时都会显示暂停加载图标

我有以下反应组件：

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>
}

constbleh=（道具：任意）=>{
常量[val，setVal]=React.useState（“”）
返回
}

当我在input val中键入某个内容时，加载悬念的图标会进入或退出悬念状态

---

如果图标内部资产已加载，是否有方法跳过暂挂状态？

什么是

输入组件？通常，onChange事件会将事件作为参数返回函数Simple custom input wrapper，该函数从onChange中获取字符串并向下传递。您能显示图标和输入来自何处的代码吗？