對象類型中缺少 ClassName 道具。 流和 CSS 模塊

Question

我已經使用 CLI quickstart初始化了一個 React Native 應用程序。 我編輯的唯一一件事是我使用 CSS Modules 來設置組件的樣式（注意：className 而不是 style）。 我想用 flow 對項目進行類型檢查，如果我運行 flow 它會出現以下錯誤。

我無法創建 View 元素，因為屬性className在對象類型 [1] 中缺失，但在 props [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; 

Answer 1

它不是 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; 

Answer 2

從 0.11 開始， className道具已從 View 中刪除： https : //github.com/necolas/react-native-web/issues/1146

請檢查您使用的版本！