[TIL] 20211209 react-query/select tag value/react-table-sticky

1. react-query

https://blog.rhostem.com/posts/2021-02-01T00:00:00.000Z

blog.rhostem.com

https://shindongri.dev/blog/react-query-14/

React Query：Mutations

https://merrily-code.tistory.com/76

[번역] : React Query - 왜, 그리고 어떻게 사용할 수 있을까?

https://www.zigae.com/react-query-key/

React Query Key 관리

리액트 쿼리는 처음 접했을때 잘 이해가 안갔다. 

리덕스 대신에 사용한다고 하는데 서버에서 데이터를 관리하는 것과

클라이언트에서 전역으로 데이터를 관리하는 게 왜 대체될 수 있는 건지 이해가 안갔다. 

다른 곳에서 찾아보니 클라이언트에서만 필요한 전역 데이터를 관리할 수 있게 가벼운 라이브러리를 함께 사용하면 좋다고 한다. 

한편 , 리덕스를 사용해서 서버 데이터를 받아와서 post, put, delete하는 메소드를 사용할 때

화면에 바로 업데이트 할 수 있던 것을 mutation으로 한다고 한다.

더 공부해봐야겠다. 

 

 

2. defaultValue error

https://sso-feeling.tistory.com/735

[에러노트] Failed form propType: You provided a `value` prop to a form field without an `onChange` handler

 

 

3.  table에서 왼쪽에 컬럼을 고정하고 싶을때

https://github.com/GuillaumeJasmin/react-table-sticky

GitHub - GuillaumeJasmin/react-table-sticky: Sticky hook for react-table v7

스타일을 지정하지 않으면 투명하게 넘어간다.

const tdStyle = css`
text-align: center;
padding: 10px;
border: 1px solid #e3e3e3;
height: auto;
background: inherit;
`;
const trStyle = css`
tr:nth-child(odd) {
  background: #f3f3f3;
}
tr:nth-child(even){
  background: white;
}

td와 th에 background를 지정해주면 된다.