javascript - 如何在 React-Native 中创建新的 var 并由用户获取值(value)？

Question

我正在使用 React-Native 开发我的第一个应用程序，我想使用文本字段和简单的数学来创建一些变量。例如，我想做以下事情:

(这不是我想要在我的应用程序中执行的编码)。

get a,b,c from user 
Result1= a+b ;
Result2 = Result1 - c ; 

我该怎么做？

Answer 1

正如我所说，该网站不是教程网站。不过我想你这个问题已经发了超过 5 次了! 因此，要获取信息表单用户，您必须使用输入文本，您可以使用组件内的状态。尝试将此代码放入 App.js 中或在那里调用此组件:

import React, { Component } from 'react';
import { AppRegistry, Text, TextInput, View, Button } from 'react-native';

export default class PizzaTranslator extends Component {
  constructor(props) {
    super(props);
    this.state = {text: ''};
  }

  cal=()=>{   
    var result= +this.state.a + +this.state.b ;
    var varFinalResult=result-this.state.c;
    this.setState({varFinalResult})
  }

  render() {
    return (
      <View style={{padding: 10}}>
        <TextInput
          style={{height: 40}}
          placeholder="Type here a!"
          onChangeText={(a) => this.setState({a})}
        />
        <TextInput
          style={{height: 40}}
          placeholder="Type here b!"
          onChangeText={(b) => this.setState({b})}
        />
    <TextInput
          style={{height: 40}}
          placeholder="Type here c!"
          onChangeText={(c) => this.setState({c})}
        />
     <Text>{this.state.varFinalResult}</Text>
     <Button
       onPress={this.cal}
       title="calculation"
       color="#841584"
       accessibilityLabel="calculation"
      />

      </View>
    );
  }
}

不要放弃编程并从该链接开始。