React composition for inheritance

Composition.jsx

const MyText = ({ style, ...props }) => (
  <Text style={[styles.myText, style]} {...props} />
);

const LargerText = ({ style, ...props }) => (
  <MyText style={[styles.largerText, style]} {...props} />
);

const styles = StyleSheet.create({
  myText: {
    fontFamily: 'Arial Black',
    fontSize: 14,
  },
  largerText: {
    fontSize: 20,
  },
});