Question

我从youtube上的教程中获得了以下代码（我刚刚开始使用react native）：

import React, {Component} from 'react';
import { Text, StyleSheet, View, TextInput, ScrollView, TouchableOpacity} from 'react-native';


type Props = {};
export default class Main extends Component<Props> {
  render() {
    return (
      <View style={styles.container}>

        <Veiw style={styles.header}>
            <Text style={styles.headerText}>
                Todo List
            </Text>
        </Veiw>

        <ScrollView style={style.ScrollContainer}>


        </ScrollView>

        <Veiw style={style.footer}>
            <TextInput styles={styles.TextInput} placeholder='>Todo' placeholder = 'white' underlineColorAndroid = 'transparent'>

            </TextInput>
        </Veiw>
      </View>
    );
  }
}

但是当我在android模拟器上运行它时，我收到以下错误消息：

ReferrenceError找不到变量：Veiw

我知道错误很明显，但是我在应用程序的开头导入了Veiw，所以为什么不注册？

Answer 1

我相信您拼写的“查看”错误，请尝试以下操作：

import React, {Component} from 'react';
    import { Text, StyleSheet, View, TextInput, ScrollView, TouchableOpacity} from 'react-native';


    type Props = {};
    export default class Main extends Component<Props> {
      render() {
        return (
          <View style={styles.container}>

            <View style={styles.header}>
                <Text style={styles.headerText}>
                    Todo List
                </Text>
            </View>

            <ScrollView style={style.ScrollContainer}>


            </ScrollView>

            <View style={style.footer}>
                <TextInput styles={styles.TextInput} placeholder='>Todo' placeholder = 'white' underlineColorAndroid = 'transparent'>

                </TextInput>
            </View>
          </View>
        );
      }
    }

Answer 2

您在四个地方拼写了错误的视图，修复它可以摆脱错误。

Answer 3

只是您应该将视图更改为“视图”。

Answer 4

这只是一个错字，有时会发生，只需将“ Veiw”更改为“ View”即可。由于您是React Native的新手，因此始终可以转到official documentation，并在导入时确保所使用的组件确实存在（官方组件始终在“ import'react-native”中导入） ”）。

所有这些都是React Native的正式组件：

import { Text, StyleSheet, View, TextInput, ScrollView, TouchableOpacity} from 'react-native';

在文档中，您将始终找到组件，它们的道具以及如何使用它们。还有一些有用的指南，我建议您也从它们开始。

找不到可变的veiw

4 个答案: