Всем привет. Только начал изучать React вместе с TypeScript. Создал

Question

Всем привет. Только начал изучать React вместе с TypeScript. Создал

командой npx create-react-app my-app --template typescript бойлерплейт.

А там компоненты записаный в виде функций. То есть вот так:
function App() {
return (
<div>Hello, World!</div>
);
}

export default App;

Но везде, даже в документации, компоненты пишут другим синтаксисом:
export const App = () => {
return (
<div>Hello, World!</div>
);
}

Во-первых, почему там именно первый способ записи, во-вторых, в каком стиле писать правильнее?

#frontend #javascript #programming #react.js #russian

0

18.06.2022

11 ответов

18 просмотров

Igor N

почему ужасен-то?

0

18.06.2022

synalice Автор вопроса

Вот если со словом function всегда сразу понятно, что это функция, почему люди используют вот это чудовище: let sayHi = (name) => { return "Hi, " + name; }

0

18.06.2022

¿Сергей?

synalice
Вот если со словом function всегда сразу понятно, ...

Запись короче, но я такое не одобряю Тут запись короче идёт в ущерб читаемости, я такое не одобряю

0

18.06.2022

synalice Автор вопроса

Igor N
почему ужасен-то?

Потому что это непонтяно для чего ещё один способ записи функции (зачем?), который ещё своим видом и не даёт сразу понять, что это — функция или переменная.

0

18.06.2022

¿Сергей?

synalice
Потому что это непонтяно для чего ещё один способ ...

Ну, она не всплывает ещё

0

18.06.2022

¿Сергей?

¿Сергей?
Ну, она не всплывает ещё

Может бывает полезно

0

18.06.2022

Igor N

synalice
Потому что это непонтяно для чего ещё один способ ...

Функция в переменной. Тогда и стрелочные функции надо объявить вне закона)

0

18.06.2022

synalice Автор вопроса

¿Сергей?
Запись короче, но я такое не одобряю Тут запись к...

Дадада, именно.

0

18.06.2022

¿Сергей?

Igor N
Функция в переменной. Тогда и стрелочные функции н...

Функция в переменной не объясняет смысла А стрелочные функции это отдельный разговор, когда они нужны и используются в такой записе - вопросов не возникнет

0

18.06.2022

Vadym

¿Сергей?
Запись короче, но я такое не одобряю Тут запись к...

спорно насчет короче. Во первых желательно писать не let, а const. Добавляем стрелочку, с пробелами. Разве это короче, тем более IDE вместо тебя function напишет

0

18.06.2022

Igor N · Accepted Answer

Igor N

как тебе удобнее. Почитай про function declaration и function expression

0

18.06.2022

169 похожих чатов

Всем привет. Только начал изучать React вместе с TypeScript. Создал

11 ответов

Похожие вопросы