react-native (expo) 中的“Login.setUser 不是函數”錯誤

Question

我和我的團隊正在通過 expo 為 react-native 應用程序開發登錄和注冊系統。 但是，在輸入 username 時，應用程序崩潰並出現以下錯誤：

TypeError: Login.setUser is not a function
onChangeText
{project folder}/telas/login.js:24
  21 | <TextInput
  22 |   style={styles.input}
  23 |   placeholder="Nome de usuário"
> 24 |   onChangeText={text => Login.setUser(text)}
     | ^  25 | />
  26 | 
  27 | <TextInput

重要的是要注意，這段代碼是導出一個類，而大多數教程 (afaik) 導出的是一個函數。 有沒有辦法在不改變導出方法的情況下解決這個問題？

login.js

import React, { Component, useState } from 'react'
import { Alert, Text, StyleSheet, View, TextInput, TouchableOpacity, Image } from 'react-native'

export function Login() {
  const [user, setUser] = useState('');
}
export default class App extends Component {

  render() {
    return (
      <View style={styles.container}>
        <Text style={styles.titulo}>
          BOM DENTE
        </Text>

        <Image
          style={styles.logo}
          source={require('../assets/icon.png')}
        />

        <TextInput
          style={styles.input}
          placeholder="Nome de usuário"
          onChangeText={text => Login.setUser(text)}
        />

        <TextInput
          style={styles.input}
          secureTextEntry={true}
          placeholder="Senha"
        />

        <TouchableOpacity
          style={styles.botao}
        >
          <Text style={styles.botaoText}>
            LOGIN
          </Text>
        </TouchableOpacity>


      </View>

    )
  }
}

Answer 1

在反應中，您無法通過以下方式訪問組件的setState ： onChangeText={text => Login.setUser(text)} 。 您可以通過props將數據發送到其他組件。