예를 들어 Box 컴포넌트에서 ‘Hello World’라는 값을 FeedsScreen 컴포넌트에 전달해 사용하도록 만들고 싶다면 다음과 같이 구현할 수 있습니다.

screens/FeedsScreen.js

import React from 'react';
import {StyleSheet, View, Text} from 'react-native';

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

function Box({children}) {
  return <View style={styles.box}>{children('Hello World')}</View>;
}

const styles = StyleSheet.create({
  box: {
    borderWidth: 2,
    padding: 16,
    borderBottomColor: 'black',
    marginBottom: 16,
  },
});

export default FeedsScreen;

이렇게 코드를 입력하고 나면 화면에 ‘Hello World’가 나타날 것입니다.