我已经使用CLI quickstart初始化了一个React Native应用程序。我唯一编辑的是使用CSS模块对组件进行样式设置(注意:代替样式的className)。我想使用流程对项目进行类型检查,如果我运行流程,则会出现以下错误。
我无法创建View元素,因为对象类型[1]中缺少属性className
但在道具[2]中存在。
我该怎么办?
// @flow
import React from "react";
import {
View,
Text
} from "react-native";
import styles from "./base.sass";
const App = () => {
const [title] = React.useState("Hello");
return (
<View className={styles.title}>
<Text>{title}</Text>
</View>
);
};
export default App;
不是React.js,您不能那样使用。这是一个例子。
import React from "react";
import {
View,
Text,
StyleSheet
} from "react-native";
const App = () => {
const [title] = React.useState("Hello");
return (
<View style={styles.title}>
<Text>{title}</Text>
</View>
);
};
const styles = StyleSheet.create({
title: {
justifyContent: 'center',
alignItems: 'center',
}
});
export default App;
className
道具已从0.11开始从View中删除:https://github.com/necolas/react-native-web/issues/1146
请检查您使用的版本!