12-1: history.push()

• history.push()로 페이지 이동시 props 넘겨주기

// 이동을 시킬 컴포넌트
this.props.history.push({
  pathname: "/set_account",
  state: {다른 컴포넌트에서 사용할 변수명(A): 해당 컴포넌트의 state(B)}
});

// 넘겨받은 state(=props) 사용하기
const A = this.props.location.state.B;

주의할 점 - this.props.location은 상황에 따라 만들어지는 값이기 때문에 처음 빌드할 때는 undefined일 수도 있다. 그럴 경우 당연히 this.props.location.state.B도 undefined이기에 에러가 발생한다. 이를 염두에 두고 방어코드를 작성해야 한다.

• 리액트 hooks, useState 4가지 사용방법

function LoginForm() {
  const [form, setValues] = useState({
    username: '',
    password: ''
  });

  const updateField = e => {
    setValues({
      ...form,
     [e.target.name]: e.target.value
    });
  };

여러 key가 있는 객체의 상태를 한 번에 관리할 수 있는 코드.