[react] 리액트 네이티브에서의 리덕스 상태 가져오기

22 Dec 2023

react

리덕스 초기 설정

리액트 네이티브 애플리케이션에서 리덕스를 사용하려면, 먼저 redux 및 react-redux 라이브러리를 설치해야 합니다. 그 후, store, action, reducer 등을 정의하고 Provider 컴포넌트를 사용하여 애플리케이션에 리덕스 스토어를 제공해야 합니다.

리덕스 상태 가져오기

리액트 네이티브 컴포넌트에서 리덕스의 상태를 가져오려면 react-redux의 useSelector 훅을 사용합니다. 예를 들어, 다음은 counter 상태를 가져와 사용하는 예시입니다.

import React from 'react';
import { useSelector } from 'react-redux';

const CounterComponent = () => {
  const counter = useSelector(state => state.counter);
  return (
    <View>
      <Text>{counter}</Text>
    </View>
  );
}

export default CounterComponent;

위 예시에서 useSelector 훅은 counter 상태를 현재 컴포넌트에서 가져오기 위해 사용되었습니다.

리액트 네이브 애플리케이션에서 리덕스를 사용하는 방법은 리액트에서 사용하는 방법과 매우 유사합니다. 리덕스와 리액트 네이티브의 조합은 애플리케이션 상태를 효과적으로 관리 및 업데이트할 수 있도록 도와줍니다.

이렇게하여 리액트 네이티브 애플리케이션에서 리덕스 상태를 가져오고 사용하는 방법에 대해 알아보았습니다. 리덕스를 활용하여 애플리케이션의 상태를 효율적으로 관리할 수 있으며, 리액트 네이티브에서도 이를 손쉽게 사용할 수 있습니다.

리덕스 초기 설정

리덕스 상태 가져오기

참고 자료