6.2.2 useContext Hook 함수

Render Props는 리액트에 Hooks가 없던 시절 유용했는데, 요즘은 사용할 일이 그렇게 많지 않습니다. 그래서 이런 패턴이 있다 정도만 알아두면 충분합니다. Context의 Consumer라는 것도 꼭 사용할 필요가 없습니다. 왜냐하면 리액트에 useContext라는 Hook이 있기 때문이죠. 이 Hook을 사용하면 Context의 값을 훨씬 간결하게 사용할 수 있습니다.

screens/FeedsScreen.js

import React, {useContext} from 'react';
import {StyleSheet, View, Text} from 'react-native';
import LogContext from '../contexts/LogContext';

function FeedsScreen() {
  const value = useContext(LogContext);
  return (
    <View style={styles.block}>
      <Text>{value}</Text>
    </View>
  );
}

const styles = StyleSheet.create({});

export default FeedsScreen;