微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

BMR 计算器 React Native

如何解决BMR 计算器 React Native

    import React,{ Component,useState } from "react";
    
    export class Register extends Component {
      constructor(props) {
        super(props);
    
        this.state = {
          In: "",lbs: "",age: "",gender: "",};
      }
    
    render() {
    
        //BMR Calculator
        const { In } = this.state;
        const { lbs } = this.state;
        const { age } = this.state;
        const { gender } = this.state;
    
    return (
          <SafeAreaView>
                <View>
                  <TextInput
                    label="username"
                    onChangeText={(name) => this.setState({ name })}
                  />
    
                  <TextInput
                    label="email"
                    onChangeText={(email) => this.setState({ email })}
                  />
    
                  <TextInput                    
                    label="password"
                    onChangeText={(password) => this.setState({ password })}
                  />
                </View>
  
                    <Text>Weight</Text>

                      <TextInput
                        placeholder="In"
                        keyboardType="numeric"
                        maxLength="2"
                        onChangeText={(In) => this.setState({ In })}
                        style={styles.heightImperialIn}
                      />

                   <Text>Weight</Text>

                     <TextInput
                      placeholder="lbs"
                      keyboardType="numeric"
                      maxLength="3"
                      value={lbs}
                      onChangeText={(lbs) => this.setState(+e.target.value)}
                      //onChangeText={(lbs) => this.setState({ lbs })}
                      style={styles.weigthImperial}
                     />

                   <Text style={styles.txtAge}>Age</Text>

                    <TextInput
                      placeholder="18"
                      keyboardType="numeric"
                      maxLength="2"
                      value={age}
                      onChange={(age) => this.setState(+e.target.value)}
                      //onChangeText={(age) => this.setState({ age })}
                      style={styles.ageImperial}
                    />

                   <Text>Gender</Text>

                    <View style={{ top: hp("10%") }}>
                      <RNPickerSelect
                        style={pickerStyle}
                        placeholder={{
                          label: "Select a gender",value: null,}}
                        onValueChange={(gender) => this.setState({ gender })}
                        items={[
                          { label: "Male",value: "male" },{ label: "Female",value: "female" },]}
                      />
                    </View>
             </SafeAreaView>

大家好,我有 BMR 计算器的这两个方程:

  1. 男性=66+(6.2lbs)+(12.7In)-(6.76*age)
  2. female=655.1+(4.35lbs)+(4.7In)-(4.7*age)

我的问题是如何根据性别从上面的文本输入中获取 lbsInage 的值并将它们插入到两个等式之一中由用户选择,并显示结果?

谢谢

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。