더북(TheBook)

이렇게 저장하면 FeedsScreen에서 오류가 발생할 것입니다. 기존에는 Context에서 문자열 값만 주었는데 이번에는 객체 형태의 값을 받아왔기 때문이죠.

FeedsScreen에서 값을 수정하고, 수정된 값을 다른 화면에서 보여주겠습니다.

screens/FeedsScreen.js

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

function FeedsScreen() {
  const {text, setText} = useContext(LogContext);
  return (
    <View style={styles.block}>
      <TextInput
        value={text}
        onChangeText={setText}
        placeholder="텍스트를 입력하세요."
        style={styles.input}
      />
    </View>
  );
}

const styles = StyleSheet.create({
  input: {
    padding: 16,
    backgroundColor: 'white',
  },
});

export default FeedsScreen;
신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.