ReactJS: 4 Cách viết hàm trong React

4 Cách viết hàm trong React

ReatcJS 2018

// Cách 1: Kiểu bình thường
function One(){
    return (
        <div>
            <h1> Cách 1 </h1>
            <h1> Cách 1 </h1>
        </div>
    );
}

// Cách 2: Kiểu anonymous function
var Two = function(){
    return (
       <div>
            <h3> Cách 2 </h3>
       </div>
    );
}

// Cách 3: Kiểu arrow function
var Three = () => (
       <div>
            <h3> Cách 3 </h3>
       </div> 
);

// Cách 4: Kiểu class
class four extends React.Component {
  render() {
    return (
       <div>
            <h3> Cách 4 </h3>
       </div>
    );
  }
}