Functional Component

Functional component là một hàm JavaScript mà có trả về một JSX element nào đó.

Ví dụ:

const jsxElement = <tag>Content</tag>
 
function FunctionalComponent() {
  return jsxElement
}

Có thể trả về trực tiếp một JSX element:

function FunctionalComponent() {
  return <tag>Content</tag>
}

Cũng có thể dùng arrow function để làm functional component:

const FunctionalComponent = () => {
  return <tag>Content</tag>
}

Khi đó, ta có thể trả về JSX element một cách ngầm định, không dùng dấu ngoặc kép {} và từ khóa return như sau:

function FunctionalComponent() <tag>Content</tag>

Quartz 🪬