Question

我有两个TextInput，它们的一些值像box 1的47和box 2的3一样，总数为50。我想如果删除box1的任何值，然后更改box 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)})
}

这将在box中始终显示50的加法，同时编辑box1的值。使用它并让我知道

擦除密钥列表器本机反应

1 个答案: