Question from the React Native (2023) test

<View className={"container banner"}>
  <Text>welovedevs</Text>
</View>

const styles = StyleSheet.create({
  container: {
    flex: 1,
  },
  banner: {
    backgroundColor: '#220bab',
    padding: 20,
  },
});

<View style={[style.container, { backgroundColor: '#220bab', padding: 20}]}>
  <Text>welovedevs</Text>
</View>

const styles = StyleSheet.create({
  container: {
    flex: 1,
  },
});

<View style={{style.container, styles.banner}}>
  <Text>welovedevs</Text>
</View>

const styles = StyleSheet.create({
  container: {
    flex: 1,
  },
  banner: {
    backgroundColor: '#220bab',
    padding: 20,
  },
});

<View style={[styles.container, styles.banner]}>
  <Text>welovedevs</Text>
</View>

const styles = StyleSheet.create({
  container: {
    flex: 1,
  },
  banner: {
    backgroundColor: '#220bab',
    padding: 20,
  },
});