# useselector

arthur

React-Redux useSelector의 적절한 사용법

jjdc0809

redux 사용법에 대해 알아보고, 이에 관련된 Hook까지 사용 해본다. 더 나아가 react-router-dom을 이용해서 여러 개의 페이지를 동적으로 구상해본다.

pagkusd

useSelector와 useState를 병행하여 사용할 경우, store의 값이 정상적으로 반영되지 않는 문제가 있었다.무자비한 구글링 및 삽질을 끝으로 해결하여, 그 방법을 작성한다.

ty-yun21

8. useEffect, useReducer, useDispatch, useSelector, useMemo, useCallback 참고용 velog https://velog.io/@ty-yun21/react8 참고용 github https://github.com/ty-yoon21/react-study1 commit message : 목표 useEffec...

duroomi

REDUX-Toolikt과 thunk를 활용하여 '프로젝트 일정 관리 앱'을 만드는 프로젝트를 진행했다.메인 화면에서 해당 박스를 눌렀을 때, 상세 페이지로 화면이 전환되도록 설계했다.아래는 상세페이지이다.여기서 각 상세페이지에 해당하는 id를 가진 todo의 데이터를

dram26

Redux 는 “중앙 state 관리소”를 사용할 수 있게 도와주는 패키지(라이브러리)“컴포넌트에서 useState 로 생성하는 Local state 들의 props drilling 너무 불편해!State들의 그룹인 module 을 여러개 만들어서중앙 state 관리소

suwoncityboy

라이브러리 설치 src 폴더안에 redux폴더를 만든 후 redux 폴더 안에 config폴더와 modules 폴더를 만든다.config 폴더안에 configStore.js 파일을 만든 후, 아래 코드를 복붙한다.config폴더안에는 리덕스의 설정과 관련된 파일을 모

ahn970

컴포넌트에서 컴포넌트로 state를 보내기 위해서는 원래 반드시 props로 전달을 해야 하기 때문에, 부모 관계가 되어야 했다.조부모 컴포넌트에서 손자 컴포넌트로 값을 보내고자 할 때도 반드시 부모컴포넌트를 거쳐야만 한다. 즉 부모컴포넌트는 해당 값이 필요가 없어도

0715yk

: 하나의 redux state 단위(객체라고 했을 때)에서 하위 depth의 프로퍼티 값을 변경했을 때(dispatching),useSelector 가 뭐를 타겟으로 하고 있냐에 따라 리렌더링 로직이 어떻게 바뀌는지를 확인하고자 합니다.예를 들어, server 라는

iamminzzy

useQuery : 데이터를 GET(조회)할 때 사용페이지가 로드될 때, 바로 실행!get 메소드처럼 단순히 조회만 할 때useMutation : 데이터를 create, update, delete (수정)할 때 사용post, patch 메소드처럼 데이터 수정이 있을 때

rawoon

분명 api 잘 연결해서 데이터 받아왔는데, 다른 건 다 되는데, 객체의 일부에 접근하려고만 하면 자꾸 undefined 에러가 뜨면서 동작하지 않았다.

productuidev

Redux 기초 (react-redux hooks 사용하여 Container로 만들기)

jrl103

오늘은 마이페이지의 R,U,D 를 구현했다.각각 계정 조회, 프로필 수정, 계정 탈퇴다!확실히 하면서 나는 아직 CRUD 를 확실히 이해하고 있지 않았다는 반성을 하게 된다 ..오늘 있었던 이런 저런 작은 트러블 슈팅을 또 해보고자 한다. 여기까지는 아주 잘 구현했다.

tootb

Action → Dispatch → Reducer → Store 순서로 데이터가 단방향으로 흐른다어떤 액션을 취할 것인지 정해놓은 객체Action 객체를 생성하는 함수를 만들어 사용Reducer로 Action을 전달해주즌 함수 Dispatch에게서 전달받은 Action

pjj2059

학습한 내용1) 필기 내용리덕스 : 자바스크립트 상태관리 라이브러리, Node.js 모듈상태관리 종류 : React Context / Redux / Mobx상태관리 :자식 컴포넌트들 간의 다이렉트 데이터 전달은 불가능 → props 같은 것을 통해서 가능자식 컴포넌트들

ahn0min

useSelector를 통해 redux의 store의 상태를 useState로 컴포넌트의 상태로 할당해주려 했으나 undefined를 반환하는 결과가 발생했다.문제점은 다음과 같았다.실행되는 시점의 문제useState: 컴포넌트가 렌더링 되기 전에 실행useSelect

jangws

Redux와 React는 독립적인 라이브러리이다. 이 두 라이브러리를 함께 사용하는 경우 공식 Redux UI 바인딩 라이브러리인 React Redux를 사용하여 두 라이브러리를 바인딩해야 한다.이 라이브러리들을 이해하기 위해, react-redux 라이브러리의 여러

hongwr

설치npm install react-reduxyarn add react-reduximport { createStore } from "redux" 로 불러온다.그리고 무조건 const store = createStre(reducer)를 만들어야 한다.바로 저장소를 만드는

zing105

2019년이전 connext함수 리액트-리덕스와 2019년이후 react-redux 다른점.리액트-리덕스의 훅이다. useSelector()useDispatch()connect함수는 컨테이너 컴포넌트를 만드는 또 다른 방법입니다. 이 함수는 사실 앞으로 사용 할 일이

hongwr

어떤 액션을 취할 것인지 정의를 해놓은 객체.보통 다음과 같은 모양으로 구성된다. 여기서 type은 필수로 지정을 해 주어야 하며, 그 외의 것들은 선택적으로 사용할 수 있다.이렇게 모든 변화를 action을 통해 취하는 것은 우리가 만드는 앱에서 무슨 일이 일어나고