آموزش جاوااسکریپت انجمن ها react native ماشین حساب ساده فقط قابلیت جمع پاسخ به: ماشین حساب ساده فقط قابلیت جمع

#14879
zahra
مشارکت کننده

من امدم یکم تغیرش دادم با استفاده سورس کد قبلی که دیده بودم الان نمی دونم چجوری با کلیک کردن دکمه بگم حساب کنه
برای این که با سینتکس جاوا اسکریپت زیاد اشنایی ندارم از متد سام استفاده کردم برای جمع
الان چجوری می تونم اینو اصلاح کنم که با زدن Collect در فیلد توتال جمع اعداد را نمایش بدهد


import React, {Component} from ‘react’;
import {View} from ‘react-native’;
import {Input, Item, Form, Label, Button, Text} from ‘native-base’;

export default class calculatorAdvanced extends Component {

constructor(props) {
super(props);

this.state = {
num1: 0,
num2: 0,
num3: 0,
total:0,
}
}
onDateChange(date) {
this.setState({
total: date,
});
}
render() {
const { total } = this.state;
const startDate = total ? total.sum(num1 , num2 , num3) :” ;
return (
<View>
<Form>

<Item inlineLable>
<Label>number 1</Label>
<Input
value={this.state.num1}
onChangeText={(text) => this.setState({num1: parseInt(text)})}/>
</Item>

<Item inlineLable>
<Label>number 2</Label>
<Input
value={this.state.num2}
onChangeText={(text) => this.setState({num1: parseInt(text)})}/>
</Item>

<Item inlineLable>
<Label>number 3 </Label>
<Input
value={this.state.num3}
onChangeText={(text) => this.setState({num1: parseInt(text)})}/>
</Item>

<Button onPress={onDateChange()}>
<Text>Collect</Text>
</Button>

<Item inlineLable>
<Label>totals:{ startDate }</Label>
<Input/>
</Item>

</Form>
</View>
)
}

}