Reactjs - Component là gì ? - Cách định nghĩa component trong reactjs

  • 2020-01-04 00:31:34
  • 642
Khái niệm về component. Component là gì.

Mục Lục

  1. Khái niệm
  2. Cách định nghĩa component như thế nào.
  3. Ví dụ về các cách khai báo component trong reactjs
    1. 1. Kiểu hàm
    2. 2. Kiểu anonymous function
    3. 3. Kiểu arrow function ( ES6 )
    4. 4. Kiểu Class

Khái niệm

Component là một khối đóng gói bên trong gồm các thẻ HTML ,props, state 

Cách định nghĩa component như thế nào.

Có 4 cách định nghĩa component trong reactjs

  1. Định nghĩa theo kiểu hàm bình thường
  2. Định nghĩa theo kiểu anonymous function
  3. Kiểu arrow function 
  4. Và cuối cùng là kiểu class

Ví dụ về các cách khai báo component trong reactjs

1. Kiểu hàm

import React from 'react';

import './App.css';

function App(){
 return 
Khai báo component theo kiểu function

}

export default App;

2. Kiểu anonymous function

import React from 'react';

import './App.css';

var App = function(){
 return 
Khai báo component theo kiểu function

}

export default App;

3. Kiểu arrow function ( ES6 )

import React from 'react';

import './App.css';


var App = () =>{
 return 
Khai báo component theo kiểu function

}

export default App;

4. Kiểu Class

import React from 'react';

import './App.css';

class App extends React.Component{
    render() {
        return (
            

                
Xin Chào Bạn

            

        );
    }
}

export default App;

 

Để lại comment của bạn nếu gặp khó khăn

Bài viết liên quan