react useState

useState

let number = 1; //상태값이 아니다.
const [number, setNumber]=useState(1); //React 안에 hooks 라이브러리 상태값이 됨

const add=() => {
  setNumber(number +1); //리액트한테 number 값 변경할께 라고 요청
  console.log('add', number);
};
//랜더링 시점 = 상태값이 변경하면
return(
  <div>
    <h1>숫자 : {number} </h1>
    <button onClick={add}>더하기</button>
   </div>
  };
}
export default App;

sub.js를 새로만들어서
rsc 자동완성
'sub입니다' 로 return되는데
부모에서 return안되게 막으려면 
if(){
return;
}else{
retrun xxxxx;
}
이렇게 해야하는데
자식생길때마다 return조건 해줘야하는데 함수를 제공해준다. 이건 나중에..
그래서 클래스안해도 된다.
문제> 
//다운로드 받음
const[users, setUsers] = userState([]); //레퍼런스 변경되야 동작!!

const download=() =>{
let sample = [
  {id:1, name:"홍길동"},
  {id:1, name:"임꺽정"},
  {id:1, name:"장보고"},
  {id:1, name:"이순신"}
];

//setUser([...sample]); 리랜더링은 깊은복사를 해야 진행된다.
setUser([sample]);
}

return(
  <div>
    <button conClick={download}>다운로드</button>
    {users.map((u)=>(
     <h1>
       {u.id}, {u.name}
     </h1>
   ))}
  </div>