Overriding default child styles in RN

app.jsx

class MyChildComponent extends Component {
  render() {
    return (
      <View style={[{ height: 100 }, this.props.style]}>
        The height of this container will be **50**
      </View>
    );
  }
}

class MyParentComponent extends Component {
  render() {
    return (
      <MyChildComponent style={{ height: 50 }} />
    );
  }
}