728x90 REACT2 react.js 리엑트 memo 아래와 같이 적었을 때 부모컴포넌트인 App 상태가 변경되면서 버튼 두개 다 리렌더링 됨! 그러나 confrim2는 바뀌는게 없는데 다시 리렌더링된다. const root = document.getElementById("root"); function Btn({text,changeValue}){ //changeValue 라는 프로프를 onClick이벤트 리스너로 사용한것. console.log(text+"was render"); return {text} } function App(){ const [value,setValue] = React.useState("save changes"); const changeValue2 = ()=>{ setValue("revert changes"); } ; return( ).. 2022. 1. 4. react.js props 리엑트 프로퍼티 속성에 대해 공부. 글자가 다른 같은 버튼을 컴포넌트 재사용으로 구현. 결과는 다음과 같음. 스타일 적을 땐 -로 적어주던 걸 뒷글자를 대문자로 쓰면서 카멜표기법처럼 쓰면된다. ex: border-radius ==> borderRadius 이렇게. 버튼 만들 때 원하는 값을 컴포넌트로 전달하고 싶으면 옆에 원하는 키워드 명으로 적으면 됨. 컴포넌트 인자는 props라는 이름으로 오브젝트를 전달받게 됨. 인자값에 {banana,apple} 이런식으로 바로꺼내 쓸 수도있다. 2022. 1. 4. 이전 1 다음
