Suspense loading icon on every update

Asked Jan 12 '20 at 22:23

Active Jan 12 '20 at 22:23

Viewed 105 times

I have the following React component:

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

When I type something into input val the Icon which is suspense loaded goes in and out of a suspense state.

Is there a way to skip the suspense state if the icons internal assets were already loaded?

asked Jan 12 '20 at 22:23

meds

21,699
37
163
314

What is the `Input` component? Normally onChange events return the event as the argument to the function – Tunn Jan 12 '20 at 23:05
simple custom input wrapper which takes the string from the onchange nad passes it down – meds Jan 13 '20 at 08:14
Can you show the code where Icon and Input come from? – Tunn Jan 13 '20 at 15:46

Suspense loading icon on every update

0 Answers0