🙎♀️ 조건부 렌더링
🙏 조건부 렌더링이란? 특정 조건에 따라 다른 결과물을 렌더링 하는 것을 의미합니다 1. 조건부 렌더링 조건부 렌더링을 사용하여 원하는 문구를 보여줄 수 있습니다. 👀 코드로 알아보기 파일 구조는 아래와 같습니다. 📂 src>App.js 테스트를 위하여 App.js에서 Hello 컴포넌트로 name, isLoggedIn이라는 props를 넘겨줍니다. import "./App.css"; import Hello from "./components/Hello"; function App() { return ; } export default App; 📂 src>components>Hello.jsx 간단하게 props를 destructuring 하여 name을 사용한다면 아래와 같이 사용이 가능합니다. import ..
React
2021. 4. 5. 23:18
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
TAG
- cssom
- baegofda
- react
- axios
- VanillaJS
- 공공데이터
- 리액트
- postman
- CORS
- HTML
- vue예제
- 노드JS
- CSS
- 프론트엔드면접
- 생활코딩
- font-family
- inline
- 공공데이터포털
- 프론트엔드
- INPUT
- JavaScript
- 개발자회고
- nodejs
- vue3
- 오물오물
- function
- vue
- 프론트엔드회고
- vue입문
- 프론트엔드개발자
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 |
글 보관함