Question

        <TextInput
            label={'Please enter your email'}
            onChangeText={text => this.onChangeText(text)}
            style={textInputStyle}
            value={this.state.testEmail}
        />

检查我用于处理文本的功能，我在其中添加了一些虚拟文本，但没有得到体现。

onChangeText = (text, id) => {
    this.setState((previousState) => ({
                testEmail:
                text+'test'
            }
        )
    )
}

这里是构造函数，

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

Answer 1

尝试一下：

<TextInput
  label={'Please enter your email'}
  onChangeText={this.onChangeText}
  style={textInputStyle}
  value={this.state.testEmail}
/>

onChangeText = text => {
  this.setState({
    testEmail: `${text}test`
  });
}

样品小吃here。

Answer 2

shouldComponentUpdate此方法正在匿名调用，这导致不更新TextInput

更改状态后，TextInput值是否未更新？

2 个答案: