我在 react native 中注意到一件有趣的事情。我认为 const 和 let 不支持在 ES6 中提升。如何在其定义之上使用常量样式?
render() {
const { repos } = this.state;
const reposList = repos.map((rep, index) => {
return (
<Text>{rep.name}</Text>
)
});
return (
<View style={styles.container}> <-- styles should not be defined
{reposList}
</View>
);
}
}
const styles = StyleSheet.create({
container: {
flex: 1,
justifyContent: 'center',
alignItems: 'center',
backgroundColor: '#F5FCFF',
},
welcome: {
fontSize: 20,
textAlign: 'center',
margin: 10,
},
instructions: {
textAlign: 'center',
color: '#333333',
marginBottom: 5,
},
});
是因为 React Native 中的提升机制吗?
您在类中定义了渲染,则该类只是定义而不是执行,因此它可以看到您在其下方创建的样式。 它不是真正的吊装。