TypeScript and React: Components

https://fettblog.eu/typescript-react/components/

Các thành phần là trung tâm của phản ứng. Hãy xem chúng tôi có thể làm gì để xử lý lỗi và sửa lỗi tốt hơn cho chúng!

Trong phần này:

1. Functional components

2. Stateful class components

3. defaultProperties

Functional components

Các thành phần chức năng là thứ tôi thích nhất để phản ứng. Chúng đơn giản, hoàn toàn có chức năng và rất dễ lý luận. Sau đây là một ví dụ về một thành phần chức năng với một số thuộc tính đã nhập.

import React from 'react'; // we need this to make JSX compile

type CardProps = {
  title: string,
  paragraph: string
}

export const Card = ({ title, paragraph }: CardProps) => <aside>
  <h2>{ title }</h2>
  <p>
    { paragraph }
  </p>
</aside>

const el = <Card title="Welcome!" paragraph="To this example" />