Question

我使用本机基础创建了一个Input，但是我无法编辑该值。它保持显示相同的值。

render() {
    const {
      FirstName, LastName, Email, Phone, Unit, MiddleName
    } = this.state.MyData;
    ...
    <Input
        value={LastName}
        onChangeText={val => this.setState({ LastName: val })}
        style={styles.valueText}
   />
   ...

其值为“ Smith”。当我单击“输入”时，它不允许我删除或添加字符。

谢谢

Answer 1

您不是要更新对象，而是在状态中添加新值，在“输入”中输入值后，状态将变为

。

set {
    self.game = newValue
}

改为更新对象

state = {
 MyData: {...},
 LastName: ...
}

Answer 2

现在您可以使用代码了

import React, { Component } from 'react';
import { AppRegistry, TextInput } from 'react-native';

export default class UselessTextInput extends Component {
  constructor(props) {
    super(props);
    this.state = { text: 'Useless Placeholder' };
  }

  render() {
    return (
      <TextInput
        style={{height: 40, borderColor: 'gray', borderWidth: 1}}
        onChangeText={(text) => this.setState({text})}
        value={this.state.text}
      />
    );
  }
}

反应本机输入不允许编辑值

2 个答案: