React-native复制css类名

Question

我试图理解在react-native中命名组件样式的最佳实践。我理解样式表的作用域是在组件级别，但我想了解我是否有两个不同的组件，不管它是不是对不同组件中的不同样式使用相同的css类名称。例如：

组件一：

render() {
  return (
    <View style={styles.container}>
    </View>
  )
}

const componentOneStyles = StyleSheet.create({
  container: {
    backgroundColor: 'red'
  }
});

第二部分：

render() {
  return (
    <View style={styles.container}>
    </View>
  )
}

const componentTwoStyles = StyleSheet.create({
  container: {
    backgroundColor: 'green'
  }
});

鉴于这个例子，可以在这两个组件中使用容器，或者使用containerOne和containerTwo是更好的做法。