[React] 함수형 컴포넌트에 props 전달하기

props는

속성을 나타내는 데이터입니다.

 

 

props를 인자 값으로 받는 함수형 컴포넌트를 하나 만들어 줍니다.

function Component(props) {
  if (props.value===10) {
    return <p>The number is 10.</p>;
  } 
  return null;
}

props.value에서 value는 속성 이름입니다.

 

 

아래 코드에서 value 속성에 값을 할당시켜 줍니다.

function Question() {
  const [counter, setCounter] = React.useState(1);
  
  return ( 
      <Component value={counter} />
  );
}

counter의 값이 1이기 때문에 return 값은 null이 되지만, 초기값을 9로 바꿔주면 return 값이 생깁니다.

 

 

 

◡̈