react twittler state & props

 

console을 보면 알 수 있듯이, props에는 {sol:"I'm pinetree"}가 객체로 저장된다.

때문에 부모컴포넌트에서 자식컴포넌트로 props를 전달하고, 이 props가 필요한 데이터를 갖고오게 되는것

useState 사용법

const [sol,pinetree]=useState(true);

라고 하면 sol은 state을 저장하는 변수 pinetree는 state sol을 변경하는 함수, true는 초기값. 변수와 함수이름은 마음대로 설정하면됨.

컴포넌트에서 변화가 필요한 데이터는 state으로 , 변화하지않는 것은 props로 정함.

초반에 useState 이용해서 state 정의한 내용들이랑 함수 정의한 내용들.

setTweets([tweet,...tweets])이 부분은 tweets를 뒤에, tweet을 앞에 넣은 배열이다. 그럼 tweets state는 tweet을 앞에 추가한 컴포넌트가 되겠지.

밑에 handleChange~ 이벤트가 발생했을때 state을 변경하는 함수들.

이렇게 onChange에 넣어주었다.