state

App.js

state를 활용하여 버튼을 누르면 값 증가 또는 감소하기..

import React from 'react';

class App extends React.Component{
  state ={
    count: 0,
  };  

  add = () => {
    this.setState({count: this.state.count + 1});
  };
  minus = () =>{
    this.setState({count: this.state.count -1});
  };

  render(){
      return (
        <div>
          <h1>the number is: {this.state.count}</h1>
          <button onClick={this.add}>Add</button>
          <button onClick={this.minus}>Minus</button>
        </div>
        );
    }
}
export default App;

state에 conunt를 선언하고 자바의 갯터 셋터처럼 설정함.
add, minus에 this.state.count = 1 이라고 선언을 하면 set으로 선언하라고 나온다.

state는 동적 데이터를 다룰때 자주 사용한다.