Как остановить сцепление между двумя значениями состояния

Question

Каждый раз, когда я пытаюсь запустить этот блок кода, он просто объединяет a и b вместе. Все остальные математические операторы работают как положено, кроме +. Есть ли способ остановить / обойти это?

export default class DataInput extends Component {
  constructor(props) {
    super(props);
    this.state = {
      a: 0,
      b: 0,
    };
  }


  handleCalculate = () => {
    const { a, b} = this.state;
    let average = (a + b)/2;

    this.setState({ results: average });
  };

  render() {
    return (
      <View style={styles.DataInput}>
          <View style={styles.value}>
            <TextInput
              placeholder="Bench Press"
              onChangeText={a => this.setState({ a })}
              keyboardType={"numeric"}
            />
          </View>
          <View style={styles.value}>
            <TextInput
              placeholder="Shoulder Press"
              onChangeText={b => this.setState({ b })}
              keyboardType={"numeric"}
            />
          </View>
      </View>

Answer 1

Вам необходимо деструктурировать a & b для вашей операции, см. Код ниже:

  export default class DataInput extends Component {
      constructor(props) {
        super(props);
        this.state = {
          a: 0,
          b: 0,
        };
      }


      handleCalculate = () => {
        const { a, b} = this.state; // destructure a & b 
        let average = (a + b)/2;

        this.setState({ results: average });
      };

      render() {
        return (
          <View style={styles.DataInput}>
              <View style={styles.value}>
                <TextInput
                  placeholder="Bench Press"
                  onChangeText={value => this.setState({ a: value })}
                  keyboardType={"numeric"}
                />
              </View>
              <View style={styles.value}>
                <TextInput
                  placeholder="Shoulder Press"
                  onChangeText={value => this.setState({ b: value })}
                  keyboardType={"numeric"}
                />
              </View>
          </View>

Answer 2

попробуй: let average = (parseInt(a)+parseInt(b))/2

Answer 3

при обновлении состояния на входе должно быть

onChangeText={a => this.setState({...this.state, a })} //bench press
onChangeText={a => this.setState({...this.state, b })} //shoulder press