[英]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 ;
我该怎么办?
如果您有文本字段,则应使用状态来设置并获取引用此链接的文本。
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.