[React] Props 와 State


[React] Props 와 State

리액트 컴포넌트에서 다루는 데이터는 Props, State 두 가지가 있습니다. 이번 포스팅에서는 Props와 State에 대해서 알아보도록 하겠습니다. Props Props는 부모 컴포넌트가 자식 컴포넌트에 전달해주는 값입니다. props는 읽기 전용(readonly) 이기 때문에 props는 수정하면 안됩니다. props의 예시 코드를 보면서 어떻게 데이터를 넘겨주는지 알아보겠습니다. import React from 'react'; import Name from './Name'; const App = () => { return <Name name="JSCODE" age={1} />; }; export default App; App.js 파일입니다. Name 컴포넌트의 props로 name과 age를 넘겨주고 있습니다. import React from 'react'; const Company = (props) => { return ( <> <div>name: {props.name}...


#props #react #state #리액트 #프론트엔드

원문링크 : [React] Props 와 State