擦除键侦听器本机响应

Question

我有两个TextInput有一些值，如框1有47和框2有3，总金额是50.我想如果删除box1的任何值，然后更改框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，同时编辑box1值。使用此并告诉我