javascript - 清除 React Native TextInput

Question

在 React Native 中完成 Redux AddTodo 示例。下面的第一个 AddTodo 示例使用状态来存储 TextInput 值并且工作正常。

class AddTodo extends React.Component{

    constructor(props){
        super(props);
        this.state = { todoText: "" }; 
    }
    update(e){
        if(this.state.todoText.trim()) this.props.dispatch(addTodo(this.state.todoText)); 
        this.setState({todoText: "" }); 
    }
    render(){
        return(
            <TextInput 
                value = {this.state.todoText}
                onSubmitEditing = { (e)=> { this.update(e); } }
                onChangeText = { (text) => {this.setState({todoText: text}) } } />
        );
    }
}

但是，根据一些 Redux 示例，以下代码要短得多，而且也可以工作，只是提交后 TextInput value 未清除

let AddTodo = ({ dispatch }) => {

  return (
      <TextInput 
          onSubmitEditing = { e => { dispatch(addTodo(e.nativeEvent.text)) } } 
      />
  )
}

有什么方法可以清除 onSubmitEditing 中的 InputText 值吗？

Answer 1

将引用添加到您的 TextInput，例如:

 <TextInput ref={input => { this.textInput = input }} />

然后调用this.textInput.clear()来清除您的输入值