React-native输入框绑定清除数据

1、定义input接入输入框输入内容，定义绑定的方法

1.  
   constructor(props) {
2.  
   super(props);
3.  
   this.state = {
4.  
   input: '',
5.  
   };
6.  
   //下面两条语句将两个回调函数和成员方法绑定
7.  
   this.handleInput = this.handleInput.bind(this);
8.  
   }
9.  
    
10.  
     
11.  
    //处理输入的消息
12.  
    handleInput(text) {
13.  
    this.setState({input: text});
14.  
    }

2、编写TextInput

1.  
   <TextInput
2.  
   style={styles.inputView}
3.  
   placeholder="请在此输入留言内容"
4.  
   placeholderTextColor={'#b3b3b3'}
5.  
   value={this.state.input}
6.  
   onChangeText={newText => this.handleInput(newText)}></TextInput>

这里重点是

value={this.state.input}

 这样TextInput的输入框就和this.state.input绑定了，要情况TextInput输入框，只需要进行以下操作即可

this.setState({input: ''});

只需要以上两步，即可完成TextInput跟this.state.input的绑定，从而对TextInput输入框进行清空 

这篇好文章是转载于：学新通技术网