擦除关键Listner React Native

Question

我有两个textInput，其中有一些值，例如Box 1具有47，Box 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值。使用此功能，让我知道