javascript - 从 TextIput 获取值

Question

我希望能够在用户按下 enter/return 后检索文本的值。

我尝试了以下...

class HomePage extends Component {
    constructor(props) {
        super(props);
        this.state = {
            text:''
        }
    }

    callTextSubmit = (val) => {
        console.log('callTextSubmit ', val);
    };

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

这将从控制台日志返回以下内容。

Proxy {dispatchConfig: {…}, _targetInst: FiberNode, isDefaultPrevented: ƒ, isPropagationStopped: ƒ, _dispatchListeners: ƒ, …}
>[[Handler]]:Object
>[[Target]]:Class
>[[IsRevoked]]:false

我想从文本输入中访问值，有解决方法吗？谢谢

Answer 1

onSubmitEditing 处理程序的参数是事件，而不是当前输入。

由于每次 TextInput 更改时您都设置了状态变量 text，因此您可以只在您的状态中使用 text 变量。

callTextSubmit = () => {
  console.log('callTextSubmit ', this.state.text);
};