繁体   English   中英

如何在React-Native中创建新的var并通过用户获取价值?

[英]How to creating new var and get value by user in React-Native?

我正在使用React-Native开发我的第一个应用程序,我想使用带有简单数学运算的文本字段来创建一些变量。 例如,我要执行以下操作:

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

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

我该怎么办?

如果您有文本字段,则应使用状态来设置并获取引用此链接的文本。

https://facebook.github.io/react-native/docs/text

react native使用javascript,因此您应该首先了解它的背景(例如如何定义变量...。)与您在javascript中要求的等效代码是

let { a, b, c  } = user;
let Result1 = a + b;
let Result2 = Result1 - c;

正如我所告诉的,该网站不是教程网站。 但是我认为您发布此问题超过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>
    );
  }
}

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

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM