Здравствуйте, я здесь, чтобы рассказать, как изменение объявления функции стрелки в JavaScript и React может вызвать проблемы с компиляцией.
( ) => ( ) vs ( ) => { }
Надеюсь, раннее указание на это может помочь некоторым новичкам, вроде меня, не упускать из виду простые изменения синтаксиса в React или JavaScript в целом. Просто предупреждаю, я считаю, что приведенный ниже контент будет более полезным, если вы познакомитесь с функциями стрелок.
Фон
Я столкнулся с этой проблемой во время работы над функциональным компонентом в React. См. Ниже код, над которым я работал.
В строке 3 вы можете увидеть, что функция была объявлена со следующим синтаксисом
Итак, что случилось
Часто в React функции назначаются переменным для вызова или вызова в теле JSX. Однако, как показано ниже, мне не удалось успешно скомпилировать свой компонент при объявлении и назначении функции с использованием синтаксиса функционального объявления `() =› () `.
Мой код скомпилирован после изменения объявления функции на этот формат `() =› {} `
Заключение
Но почему это происходит? Частично это связано с идеей неявного и явного возврата. Вот ресурс, который помог мне понять. Подводя итог, вы должны `явно` объявить оператор return при использовании синтаксиса фигурных скобок` () = ›{}` и, как правило, вы не можете иметь объявления функций внутри неявных объявлений `() =› () `.
Спасибо за прочтение!
` ( ) => ( ) `.
