"On"e React Gotcha, due takeaway

Probabilmente sai di non iniziare i nomi delle funzioni con "use" in React, ma in alcuni casi anche avviare una variabile con "on" può causare problemi.

Volevamo una variabile di convenienza per memorizzare il fatto che ci trovavamo su una vista particolare nella nostra app. Ciò ha reso più facile per noi rendere determinati elementi in un modo unico quando eravamo in quella vista. Abbiamo usato una dichiarazione come questa:

const [onSpecialPage, setOnSpecialPage] = useState()

export const StyledSpecial = styled.div<{onSpecialPage:boolean}>`
margin-top: ${p => p.onObjectiveExplorer ? 0 : 30}px;}
`

Warning: Unknown event handler property `onSpecialPage`. It will be ignored.

Ci sono due takeaway che vorrei offrire qui:

1. Evita di iniziare un nome con "on", in questo caso penso che "in" funzionerà altrettanto bene.
2. Ricorda di controllare frequentemente la console del tuo browser in modo da sapere quando crei un nuovo avviso o errore.