Makzan

我管理世界職業技能競賽之網站技術項目、舉辦本地設計與開發賽事、開課分享技術心得。一個用網頁來表達自己的作家。

ReactJS Functional Component Syntax in 1 minute

發布於
Learn how to use const, object extraction, and single-line function to write a basic functional component in ReactJS. Part of the 1-minute Web Technologies video series.

Hey there, this is Thomas from Macao.

In this video, I’m going to explore the functional components of ReactJS.

Traditionally, we define a function like this. We have literally the function word, the name, the parameters, curly brackets, and then the lines of code inside the brackets scope.

We can reduce the code by minimizing the syntax usage. We can turn the function definition into const, function name, an object of attributes we need in properties as the parameters. The fat arrow syntax. Then if this is a simple component with one line of code, we don’t even need the curly brackets and the return wording.

But for better readability, I will wrap the code with a pair of parentheses.

That’s it for a basic functional component syntax.


喜歡我的文章嗎?
別忘了給點支持與讚賞,讓我知道創作的路上有你陪伴。

CC BY-NC-ND 2.0 版權聲明

看不過癮?

一鍵登入,即可加入全球最優質中文創作社區