无法在 React Native 中输入文本

Question

我有以下课程：

export default class DonationFormScreen extends React.Component {

  constructor(props) {
    super(props);
    
    this.state = {
      title: this.props.title,
    };

  }
  
  state = {
    units: '0',
    comment: '-'
  }


  render() {
          let institution=this.props.route.params.institution;
          let title = this.props.route.params.title;
          return ( 
          <View>
            <View style={styles.container}>
              <Text style={styles.label}>¿Cuántas unidades?</Text>
              <TextInput
                style={styles.input}
                placeholder="Unidades..."
                onChangeText={(text) => this.setState({units:text})}
              />
              <Text style={styles.label}>¿Algún otro comentario?</Text>
              <TextInput
                style={styles.input}
                placeholder="Comentar..."
                onChangeText={(text) => this.setState({comment:text})}
              />
              <View style={styles.button}>
                <Button color="white" title="Donar"/>
              </View>
            </View>  
          </View>
      );
    }
}

原来我无法在我的文本输入中输入。每当我点击它们时，占位符就会消失，它似乎让我可以打字，但屏幕上什么也没有写。

Answer 1

您没有为文本输入赋予初始值

<TextInput
                value={this.state.units}
                style={styles.input}
                placeholder="Unidades..."
                onChangeText={(text) => this.setState({units:text})}
              />

评论 TextInput 也是如此

<TextInput
                value={this.state.comment}
                style={styles.input}
                placeholder="Comentar..."
                onChangeText={(text) => this.setState({comment:text})}
              />