擦除密钥监听器本机反应

Question

我有两个 TextInput，它们有一些值，例如框 1 有 47，框 2 有 3，总数是 50。我想如果删除框 1 的任何值，然后更改框 2 的值。然后在我的代码中如果我删除第一个值然后不更改第二个值删除然后以前的结果显示在框 2 请帮我解决一下。

这是我的代码：-

 `constructor(props) {
    super(props);
    this.state = {  box1:"47",
                    box2:"3",
    };
  }
  render(){
     return(
        <TextInput
         value={this.state.box1}
         onChangeText={(box1) => this.setState({box1})}
         onKeyPress={this.onChanged}
         />
         <TextInput
         value={this.state.box2}
         onChangeText={(box2) => this.setState({box2})}      
         />   
     )
  }

onChanged=()=>{
let DailyIncome=50;
let DST = parseFloat(this.state.box1);
let result = DailyIncome - DST;

this.setState({
    box2: result.toString()
  });
}`

Answer 1

使用此代码会对您有所帮助。

constructor(props) {
        super(props);
        this.state = {  box1:"47",
                        box2:"3",
        };
      }
      render(){
         return(
            <TextInput
             value={this.state.box1}
             onChangeText={(box1) => this.onChangeTextBox1({box1})}
             onKeyPress={this.onChanged}
             />
             <TextInput
             value={this.state.box2}
             onChangeText={(box2) => this.setState({box2})}      
             />   
         )
      }


onChangeTextBox1=(value)=>{
this.setState({box1:value, box2:(50-value)})
}

这将始终在框中显示 50 的加法，同时编辑框 1 value.use 并告诉我

擦除密钥监听器本机反应

Erase key Listner react native

math

keylistener

onkeypress

keyup

react-native