반응형
리액트 - form을 통해 데이터 넘기기

기술개발/React, Frontend 2021. 3. 10. 20:14

(주의!!)본 글은 현재 시점에서는 레거시한 '클래스 컴포넌트'를 공부하며 작성한 글입니다. form 실제 서비스에서는 form을 통해 유저에게 데이터를 받고 또 해당 데이터를 서버로 옮겨주는 일이 빈번하다. 이와 같은 부분을 공부하고자 한다. # pages/about.jsx import React from 'react'; class About extends React.Component { constructor(props) { super(props); this.state = { username: '' }; } myChangeHandler = evt => { this.setState({ username: evt.target.value }); }; doSave = () => { const { username..

Article Thumbnail
리액트 - state

기술개발/React, Frontend 2021. 3. 8. 15:02

(주의!!)본 글은 현재 시점에서는 레거시한 '클래스 컴포넌트'를 공부하며 작성한 글입니다. state props와는 다르게 다른 곳에서 변경을 하면 html dom을 re rendering 시킴(props도 리렌더링 함) state 안에 데이터 값을 입력해 놓고 dom에서 사용 class BusinessName extends React.Component { constructor(props) { super(props); this.state = { brand: '한승욱짱' }; } render() { // const { brand } = this.props; const { brand } = this.state; return ( {/* hello, {brand} */} hello, {brand} ); } 여..

Article Thumbnail
리액트 - props

기술개발/React, Frontend 2021. 3. 5. 12:09

(주의!!)본 글은 현재 시점에서는 레거시한 '클래스 컴포넌트'를 공부하며 작성한 글입니다. props props 는 컴포넌트에서 사용 할 데이터 중 변동되지 않는 데이터를 다룰 때 사용 parent 컴포넌트에서 child 컴포넌트로 데이터를 전할 때 사용 쉽게 말해서 컴포넌트를 호출할때 넣어주는 것 변경될 때 리렌더링 일어남 편의상 한 jsx 파일안에 2개의 클래스를 사용 import React from 'react'; class BusinessName extends React.Component { render() { const { brand } = this.props; // console.log(brand); return hello, {brand}; } } class Contact extends Re..

Article Thumbnail
반응형