전체 글 (32) 썸네일형 리스트형 2022-12-07 [새싹 프론트엔드] useState 객체로 값 받아오기 input, textarea의 자료형이같고 onChange,e.target.value 를 가지고 있다. 이렇게 동작이 비슷한 useState는 하나의 useState로 묶을수 있으며 이럴땐 값을 객체형식으로 받아오면 된다. 아래코드는 두개의 user입력값을 받고 두개의 useState를 사용했을때의 코드이다. import React from "react"; import { useState } from "react"; const DiaryEditor = () => { const [author, setAuthor] = useState(""); const [content, setContent] = useState(""); // input, textarea의 자료형이같고 onChange,e.target.valu.. 2022-12-05 [새싹 프론트엔드] 리액트 라우터 router https://reactrouter.com/en/main Home v6.4.4 I'm on v5 The migration guide will help you migrate incrementally and keep shipping along the way. Or, do it all in one yolo commit! Either way, we've got you covered to start using the new features right away. reactrouter.com Router는 설치가 필요하다! $ npm install react-router-dom import React from "react"; import { createBrowserRouter, RouterProvider } from.. 2022-12-03 [새싹 프론트엔드]useState 무한루프방지 state 자식이 부모로부터 받은 값을 변경할 수 있다. -값을 저장하거나 변경할 수 있는 객체 -자식컴포넌트 내부에서 값을 바꿀 때 사용한다. 주로 버튼 click과 같은 event와 함께 사용한다. props 자식이 부모로부터 받은 값을 변경할 수 없다. -props는 부모 컴포넌트가 설정한 값을 전달받아서 자식 컴포넌트가 "읽기"만 가능하다. (변경안됨) -props는 컴포넌트 내부에서는(자식) 값을 직접 변경할 수 없음 상단에 import { useState } 를 꼭 꼭 사용해줘야한다. 1. const [값변수, 값변경함수] = useState(초기값) 2. 값 변경 => 값변수 = 변경할값 => 값 변경 o, 화면 갱신 x => 값변경함수(변경할값) => 값 변경 o, 화면 갱신 o 3. 값 .. 이전 1 2 3 4 5 ··· 11 다음
