React native Formik/元素类型无效-got“;“未定义”;

React native Formik/元素类型无效-got“;“未定义”;,react-native,formik,React Native,Formik,我试着用Formik来做反应。我基本上是复制粘贴了普通文档示例,这对我来说并不适用,也没有找到任何其他相关示例来帮助我。 我还尝试使用一个功能组件: import React, { useState, useRef } from 'react'; import { Text, StyleSheet } from 'react-native'; import { Formik} from "formik"; import { Card, Button, TextInpu

我试着用Formik来做反应。我基本上是复制粘贴了普通文档示例,这对我来说并不适用,也没有找到任何其他相关示例来帮助我。

我还尝试使用一个功能组件:

 import React, { useState, useRef } from 'react';
import {
  Text, StyleSheet
} from 'react-native';
import { Formik} from "formik";
import { Card, Button, TextInput, View  } from 'react-native-elements';


function AddActivityScreen() {
 return(
   <Formik
     initialValues={{ email: '' }}
     onSubmit={values => console.log(values)}
     >
     {({ handleChange, handleBlur, handleSubmit, values }) => (
      <View>
        <TextInput
          onChangeText={handleChange('email')}
          onBlur={handleBlur('email')}
          value={values.email}
        />
        <Button onPress={handleSubmit} title="Submit" />
      </View>
    )}
   </Formik>
 )
}

export default AddActivityScreen;


我不明白Formik有什么问题,因为我只是在执行文档中提供的代码示例。请有人帮忙

问题与Formik无关,而是与其他组件的导入有关

您正在从该包中不存在的react-native元素导入TextInput和View,这些元素是react-native本身的一部分

执行此操作并尝试渲染时,会出现上述错误

更改您的导入,如下所示

import React, { useState, useRef } from 'react';
import {
  Text, StyleSheet,TextInput, View 
} from 'react-native';
import { Formik} from "formik";
import { Card, Button } from 'react-native-elements';

这是一个愚蠢的错误,谢谢你指出它-u-,正如错误所说的“formik”,我关注的是它会发生,每当你看到这个错误时,检查导入:)
import React, { useState, useRef } from 'react';
import {
  Text, StyleSheet,TextInput, View 
} from 'react-native';
import { Formik} from "formik";
import { Card, Button } from 'react-native-elements';