[React] Components and props

Components

   - 속성

props

 - 컴포넌트에 전달할 다양한 정보를 담고 있는 자바스크립트 객체

 

특징

 1) Read-Only   

     - Props를 직접 바꿀 수 없고 같은 Props에 대해거는 항상 같은 결과를 보여준다

       변경하고 싶을 때 -> 새로운 값을 컴포넌트에 전달하여 새로 Element 생성

       : 모든 리액트 컴포넌트는 그들의 Props에 관해서는 Pure함수 같은 역할을 해야 한다.

       

2) 

 

자바스트립트 특징

 

 1) Pure

    입력값을 변경하지 않으며, 같은 입력값에 대해서는 항상 같은 출력값을 리턴  

function sum(a,b){
  return a+b;
}

 2) Impure

function withdraw(accout, amount{
  account.total -= amout;
}

 

사용법

function App(props){
  return (
    <Profile
       name ="안녕"
       introduvtion ="지호",
       viewCount={1500}
     />
  );
}
//컴퍼넌스 넣기
function App(props){
  return (
    <Layout
       width ={2500}
       height=(1440}
       header={
          <Header title ="안녕"/>
       }
       footer={
          <Footer/>
       }
     />
  );
}