error: TypeError: undefined не является объектом (оценка 'this.props'). React-native Expo

Question

1. Вот мой логин. js:

<View style={styles.container}>
  <Logo />
  <Form type="Login"/>
  <View style={styles.signupTextCont}>
    <Text style={styles.signupText}> D'ont have an account yet? </Text>
    <Text style={styles.signupButton}> Signup </Text>
  </View>
</View>

Вот моя регистрация. js:

<View style={styles.container}>
  <Logo />
  <Form type="Signup"/>
  <View style={styles.signupTextCont}>
    <Text style={styles.signupText}> Already have an account yet? </Text>
    <Text style={styles.signupButton}> Sign in </Text>
  </View>
</View>

и моя форма. js:

<View style={styles.container}>
  <TextInput style={styles.inputBox}
    underlineColorAndroid='rgba(0, 0, 0, 0)'
    placeholder= "Email"
    placeholderTextColor= "#ffffff"
  />
  <TextInput style={styles.inputBox}
    underlineColorAndroid='rgba(0, 0, 0, 0)'
    placeholder= "Password"
    secureTextEntry= {true}
    placeholderTextColor= "#ffffff"
  />

  <TouchableOpacity style={styles.button}>
  <Text style={styles.buttonText}>{this.props.type}</Text>
  </TouchableOpacity>
</View>

Answer 1

Мой comp enet - это не класс, а функция. если компонент не является классом, мы не можем использовать this.props. Решение: в Форме добавьте реквизиты, подобные этой Форме (реквизиты), и вместо this.props.type мы добавим juste props.type.

Answer 2

this.props.type должен быть передан компоненту <text/> из вашего глобального компонента / приложения (где должен находиться ваш объект состояния) - с помощью инструментов разработчика браузера посмотрите на свои компоненты React, чтобы увидеть, где находится ваш объект состояния is.

Используйте ключевое слово this для передачи данных props в ваш <text/> компонент из вашего глобального компонента / app:

<text type={this.props.type}/>

Если ваши компоненты разделены на отдельные файлы. js убедитесь, что ваш глобальный компонент / app имеет доступ к вашему компоненту <text/> с помощью импорта / экспорта модуля.