React Native：由于性能原因，重复使用此合成事件。试图通过国家

Question

我有两个屏幕，想要将状态从一个传递到另一个。

简化屏幕1：

import React, { Component } from 'react';
import { View, TextInput} from 'react-native';
import { buttons } from '../../components/buttons/Buttons';

export default class LoginScreen extends Component {
  constructor(props) {
    super(props);

    this.state = {
      username: '',
    }
  }

  render() {
    return(
      <View>
       ...
        <TextInput onChange={(input) => this.setState({username: input})}></TextInput>
        ...
        <Button.main onPress={() => this.props.navigation.navigate('Register', {username: this.state.username})} title='Create Account'/>
      </View>
    )
  }
}

现在，如果我按下按钮，我想将this.state.username传递到新屏幕。如果我不使用onChange={(input) => this.setState({username: input})}并手动设置用户名的值，如下所示：

this.state = {
    username: 'Test',
}

该值传递没有问题，我可以从新屏幕访问它。但是当我试图改变this.state.username而TextInput改变然后通过this.state.username我得到以下警告：

警告：出于性能原因，将重复使用此合成事件。如果您看到这个，那么您将在已发布/无效的合成事件中访问isTrusted属性。这被设置为null。如果必须保留原始合成事件，请使用event.persist（）。

我不知道如何使用警告中提出的event.persist()并且用户名未通过。

对不起，如果这是一个愚蠢的问题，但我找不到解决方案，我是初学者。如果有人可以帮助我，我会很高兴:)

Answer 1

尝试使用onChangeText而不是onChange。