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将数据发送到其他组件。