实时响应本机更改输入值

Question

我是原生反应的新手。我正在制作一个具有三个 TextInputs 的屏幕，当用户在第一个和第二个 TextInput 中键入一个数字时，在第三个输入上，将显示第一个和第二个输入的总数

我正在尝试这样做，但它不起作用

this.state = {
      Length: 0,
      Piece1: 0,
      Piece2: 0,   
};
onPiece1(Piece1) {
    this.setState({ Piece1 });
  }
  onPiece2(Piece2) {
    this.setState({ Piece2 });
  }

onLength() {
    const { Length, Piece1, Piece2} = this.state;
    let piece1 = this.setState({ Piece1 });
    let piece2 = this.setState({ Piece2 });

    const Balance =
      Number(Length) -
      Number(piece1) +
      Number(piece2) 
    this.setState({ Length: Balance });
  }

<Block margin={[theme.sizes.base, 0]} padding={[10]}>
                      <Input
                        keyboardType="numeric"
                        label="Piece 1"
                        value={`${this.state.Piece1}`}
                        onChangeText={this.onPiece1}
                        style={[styles.input]}
                      />
                    </Block>
                    {/* piece 2 */}
                    <Block margin={[theme.sizes.base, 0]} padding={[10]}>
                      <Input
                        keyboardType="numeric"
                        label="Piece 2"
                        value={`${this.state.Piece2}`}
                        style={[styles.input]}
                        onChangeText={this.onPiece2}
                      />
                    </Block>
                  </Block>
<Block margin={[theme.sizes.base, 0]} padding={[10]}>
                      <Input
                        label="Balance"
                        selectTextOnFocus={false}
                        style={[styles.input]}
                        value={`${this.state.Length}`}
                        onChangeText={this.onLength}
                      />
                    </Block>

Answer 1

您的代码仅在您开始输入第三个文本输入时才有效... 所以在 onPiece1 和 onPiece2 函数上调用 onLength 函数