728x90
반응형

react 2

[React] setState를 사용하는 이유 (feat. setState 사용법)

강의를 들으며 코드를 따라치기만 바빴다. 이제는 시험기간이니깐 react를 공부해보려고 한다. state의 값이 변경되면 state를 관리하는 컴포넌트의 render함수가 다시 호출된다.그리고 render함수가 가지고 있는 하위의 컴포넌트들의 각 render함수도 다시 호출된다. 아마 react는 단방향 연결이어서 이를 통해 상위 component와 연결을 하는것 같다. 즉 props나 state의 값이 바뀌면 화면이 다시 그려진다. 이런 componet의 state는 setState를 이용해서 바꾸어야 한다. 직접 값을 바꾸게 되면 렌더링이 되지않고 setState를 통해서 바꾸는 것만 렌더링이된다. 즉 이 말은 setState를 통해 바꿔야만 화면에 표시된다는 말이다. this.state.greeti..

카테고리 없음 2021.10.11

[React] import export 사용하기 (feat. export default 사용 )

Export 하기 모듈을 export하는 방법은 어렵지 않다. export하길 원하는 함수나 변수 앞에 export를 붙여주면 된다. export const countries = ["한국", "일본", "중국"]; export const midtermTest = () => console.log("Oh My God"); export function helloWorld() { console.log("helloWorld"); } //이 코드는 Test.js 파일에 적혀져 있다고 하자 변수와 함수에 하나씩 export를 붙여주는게 귀찮다면 다음과 같이 한번에 export 해줄 수 있다. const countries = ["한국", "일본", "중국"]; const midtermTest = () => consol..

카테고리 없음 2021.10.10
728x90
반응형