«Попался» e React Gotcha, два вывода

Вы, вероятно, знаете, что в React нельзя начинать имена функций с «use», но в некоторых случаях запуск переменной с «on» тоже может вызвать проблемы.

Нам нужна удобная переменная для хранения того факта, что мы находимся в определенном представлении в нашем приложении. Это упростило нам уникальную визуализацию определенных элементов, когда мы были в этом представлении. Мы использовали такую ​​инструкцию:

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.

Я хотел бы предложить здесь два вывода:

1. Избегайте начинать имя с «on», в этом случае я думаю, что «in» также подойдет.
2. Не забывайте часто проверять консоль вашего браузера, чтобы знать, когда вы создаете новое предупреждение или ошибку.