반응형 모달2 React className 으로 모달,on and off 만들기 보통 함수형 react부터 공부한 나는 modal이나 on/off 기능을 만든다 치면 useState에 true,false혹은 문자열 상태에따라서 조건문이나 삼항연산자로 만들곤 하는데 오늘 어쩐일인지 css속성을이용해 display:none으로 할 수있냐고 물어보는 팀원이 있었다. 결론은 될거같아서 해봤는데 되더라. App.css .true{ display: inline-block; } .false{ display: none; } 이와같이 클래스명이 true면 보이고 false면 안보이게.. css스타일을주고 App.js import { useEffect, useState } from 'react'; import './App.css'; function App() { let [display,Setdispl.. 2022. 2. 14. React Component 문법 div로 가득한걸 쉽게 볼 수있게 만들어 주는녀석이라고 알아보자 나만의 단어로 '치환'해서 만들 수 있음 -Component 만드는법 1.함수 만들고 이름짓고 2.축양을 원하는곳에html넣고 3.원하는곳에 4.이름은 대괄호 /* eslint-disable */ import logo from './logo.svg'; import './App.css'; import {useState} from 'react' function App() { let [글제목, 글제목변경] = useState(['서울','대구','대전','광주']) let [따봉,따봉변경] = useState(0) let posts = "군자 훠궈 맛집" function 제목바꾸기(){ var newArray = [...글제목] newArray[.. 2022. 1. 9. 이전 1 다음 반응형
