javascript/React

리액트 컴포넌트

리액트에서 props는 다음과 같이 사용된다. 자식 컴포넌트에서 function을 아래와 같이 만들면, function ChildComponent(props) { const name = props.name; const age = props.age; return ( 내 이름은 {name}이고 나이는 {age}살이야. ); } export default ChildComponent; 부모 컴포넌트에선 위 코드를 import한 뒤, 위와같이 props로 특성을 넣어준 뒤 부모 컴포넌트에서 렌더링하는 것이다. porps는 기본적으로 정적이다. 한 번 부모 컴포넌트에서 자식에게 값이 전달되면 바뀌지 않는다. 이게 무슨 말이냐면, 만약 부모 컴포넌트에서 일어난 연산으로 인해 name(부추) 혹은 나이(23)이 바뀌어..