⌨️코딩/React
-
[React] React useState(), useEffect();⌨️코딩/React 2022. 4. 7. 01:25
Hook은 React 버전 16.8부터 새로 추가되었습니다:) 1. useState(); 함수 컴포넌트를 사용하던 중 state를 추가하고 싶을때 클래스 컴포넌트를 사용하는 번거로움이 있었을 텐데, 이제는 함수 컴포넌트 안에서 Hook을 이용하여 State를 사용하게 해줍니다. 클래스 컴포넌트를 사용할때 useState(); 를 사용할 때 const [state변수, 해당 변수를 수정할 수 있는 함수] = useState(state의 초깃값); useState는 value, modifyFunction 요소를 가집니다. 2가지 요소 전부 다 아무이름이나 쓰셔도 상관없습니다! 클래스 컴포넌트의 this.state.count, this.setState와 유사합니다. 인자로 초깃값을 넘겨줍니다. 숫자, (), ..
-
[React] React에서 Import 할 때 {} 중괄호는 언제?⌨️코딩/React 2022. 3. 25. 17:16
문득 공부를 하다가 import할 때 언제는 {}를 쓰고 어쩔때는 {}를 안쓰는지 그 차이가 궁금해졌습니다 보내는 모듈에서 export 유무의 차이였습니다 모듈을 내볼낼 땐 export를 쓰고, 불러올때는 import를 쓰는데 export를 붙인경우에는 중괄호{}없이 import하지만 export가 없는 경우에는 중괄호 안에 담아서 import해주면 됩니다 +) 궁금해서 이것저것 {}중괄호 없어도 되는 경우에 {}를 쓴경우 {}중괄호를 써야하는데 안 쓴 경우 이 표현은 호출할수 없다고, 시그니처가 없다며 오류가 뜨는데 이럴때는 {}중괄호를 붙여줍니다 export default에서 default를 뺀 경우