본문 바로가기

개인공부/코딩애플5

[React1] class이용하기 class Modal2 extends React.Component { //constructor, super, render 채워넣어야함 } class Modal2 extends React.Component { constructor() { super(); } render() { return 안녕; } } 이렇게 해서 Modal2 컴포넌트가 생긴다. class컴포넌트에서 state만들려면 class Modal2 extends React.Component { constructor() { super(); this.state = { name: "kim", age: 20, }; } render() { return 안녕 {this.state.name}; } } state 변경하려면 { this.setState({ ag.. 2023. 6. 13.
[React1] 각 따봉별로 개수증가하기 let [따봉, 따봉변경] = useState(0); let [따봉1, 따봉변경1] = useState(0); let [따봉2, 따봉변경2] = useState(0); 이걸 정리해서 이렇게 만든다. let [따봉, 따봉변경] = useState([0,0,0]); {글제목[i]} { // 따봉변경(따봉 + 1); let copy = [...따봉]; copy[i] = copy[i] + 1; 따봉변경(copy); }} > 👍 {따봉[i]} import { useState } from "react"; import "./App.css"; function App() { let [글제목, 글제목변경] = useState([ "남자 코트 추천", "강남 우동 맛집", "파이썬독학", ]); let [따봉, 따봉변경] .. 2023. 6. 11.
[React1]글제목변경되는 방법 import { useState } from "react"; import "./App.css"; function App() { let [글제목, 글제목변경] = useState([ "남자 코트 추천", "강남 우동 맛집", "파이썬독학", ]); let [따봉, 따봉변경] = useState(0); return ( ReactBlog { let simple = [...글제목]; simple.sort(); 글제목변경(simple); }} > 가나다순정렬 { let copy = [...글제목]; copy[0] = "여자 코트 추천"; 글제목변경(copy); }} > 글수정 {글제목[0]}{" "} { 따봉변경(따봉 + 1); }} > 👍 {따봉} 2월 17일 발행 {글제목[1]} 2월 17일 발행 {글제목[2.. 2023. 6. 11.
[React1] props 이용방법 App 부모 Modal 자식 자식이 부모가 가지고 있던 state 사용가능 => props 이용하면된다! 부모->자식만 가능하다!!! # 부모 -> 자식 state 전송하는 법 1. 2. props 파라미터 등록 후 props.작명 사용 function Modal(props){ return( {props.작명[0]} 날짜 상세내용 ) } function Modal(props){ return( {props.글제목[0]} 날짜 상세내용 ) } props랑 style연결하기. // 이렇게도 된다! function Modal(props){ return( {props.글제목[0]} 날짜 상세내용 ) } 2023. 6. 11.

티스토리툴바