“On”e React Gotcha, İki Paket Servis

Muhtemelen fonksiyon adlarını React'te "use" ile başlatmamayı biliyorsunuzdur, ancak bazı durumlarda bir değişkeni "on" ile başlatmak da sorunlara neden olabilir.

Uygulamamızda belirli bir görünümde olduğumuz gerçeğini saklamak için bir kolaylık değişkeni istedik. Bu, o görüşteyken belirli öğeleri benzersiz bir şekilde oluşturmamızı kolaylaştırdı. Şöyle bir ifade kullandık:

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.

Burada sunacağım iki paket servis var:

1. Bir isme “on” ile başlamaktan kaçının, bu durumda “in” de işe yarayacağını düşünüyorum.
2. Yeni bir uyarı veya hata oluşturduğunuzda bunu bilmeniz için tarayıcınızın konsolunu sık sık kontrol etmeyi unutmayın.