반응형 리액트강의2 리액트 State 요즘 리액트 공부에 푹 빠져 있다. 오늘은 state에 대한 내용으로 정리를 해두고자 한다. import "./App.css"; import { Component } from "react"; import TOC from "./Components/TOC"; import Content from "./Components/Content"; import Subject from "./Components/Subject"; class App extends Component { constructor(props) { super(props); this.state = { subject : {title:'WEB', sub:'world wide web!!'}, content:[ {id:1, title:'HTML', desc:'H.. 2023. 8. 19. 리액트 이벤트 onChange 다루기 리액트 이벤트 onChange 리액트를 공부해야겠다고 결심하고 곧바로 도서관에서 책을 대출해 왔다. 리액트 문법이나 특징을 전혀 모르는 상태는 아니지만, 책 하나 잡고 챕터 하나씩 따라 하며 빠르게 예제를 따라 하다 보면 의외로 여러 가지 저자의 노하우나 기본기를 탄탄히 다질 수 있다. 공부하다가 자주 사용할 만한 예제들을 기록해 놓고 훗날에 잊을 때마다 꺼내보고자 포스팅한다. input 요소를 랜더링 하는 코드와 해당 요소에 onChange 이벤트를 설정하는 코드를 작성하고 onChange 이벤트 부분에 e를 인자로 받아 target.value 콘솔로르 함수로 찍어본다. import React, { Component } from "react"; class EventPractice extends Comp.. 2023. 7. 30. 이전 1 다음 반응형
