React native 如何将“；val”；道具“；OnChangeText”；。自然反应

我正在学习React Native，我正在创建一个简单的应用程序来执行二次公式的解

问题是当我使用“onChangeText”属性捕获TextInput中的数字时。react本机文档说明“onChangeText”属性返回一个简单的字符串值。话虽如此，我尝试使用parseInt（）和Number（）函数将“onChangeText”的值转换为int，但没有任何效果，结果总是NaN

有人知道如何将TextInput的值转换为int吗

const App = () => {
  
  var _a;
  var _b;
  var _c;
  var res1;
  var res2;

  const result = () => {

    Number(_a);
    Number(_b);
    Number(_c);

    res1 = -1 * b + Math.sqrt(Math.pow(b, 2) - (4 * a * c)) / (2 * a);
    res2 = -1 * b + Math.sqrt(Math.pow(b, 2) - (4 * a * c)) / (2 * a);

  }
  
  return (
    <>
      <ImageBackground source={image} style={styles.img}>
        <ScrollView>
          <View style={styles.title}>
            <Text style={styles.title_text}>
              Formula General 
            </Text>
          </View>
          <View style={{marginTop: 10}}>
            <View style={styles.container}>
              <Text style={styles.text}>
                Introduce el valor de A:
              </Text>
              <TextInput style={styles.textinput} placeholder='ej. 10' onChangeText={(val) => a_=val}></TextInput>
            </View>
            <View style={styles.container}>
              <Text style={styles.text}>
                Introduce el valor de B:
              </Text>
              <TextInput style={styles.textinput} placeholder='ej. 3' onChangeText={(val) => b_ = val}></TextInput>
            </View>
            <View style={styles.container}>
              <Text style={styles.text}>
                Introduce el valor de C:
              </Text>
              <TextInput style={styles.textinput} placeholder='ej. 3' onChangeText={(val) => c_set=val}></TextInput>
              <TouchableOpacity style={{backgroundColor:'#07057E', marginTop: 95, width: 100, marginLeft:0, position: 'absolute', paddingLeft: 20, paddingBottom:20, paddingRight: 20, paddingTop: 10}} onPress={operacion}>
                  <Text style={{color:'#fff', fontWeight:'bold', fontSize:11}}>Hacer Operacion</Text>
              </TouchableOpacity>
            </View>
          </View>
          <View style={{alignItems: 'flex-start', flexDirection:'column', justifyContent:'flex-start', position: 'absolute'}}>
              <View style={styles.result}>
                <Text style={styles.text}>
                  Resultado:
                </Text>
                <Text style={styles.res}>
                  Solucion 1: {res1}{'\n'}{'\n'}{'\n'}{'\n'}{'\n'}
                  Solucion 2: {res2}
                </Text>
              </View>
          </View>
        </ScrollView>
      </ImageBackground>
    </>
  );
};

const-App=（）=>{
var_a；
var_b；
var_c；
var-res1；
var-res2；
常量结果=（）=>{
数字(a),；
数字(b),；
数字(c),；
res1=-1*b+Math.sqrt（Math.pow（b，2）-（4*a*c））/（2*a）；
res2=-1*b+Math.sqrt（Math.pow（b，2）-（4*a*c））/（2*a）；
}
返回(
通用公式
介绍el valor de A：
a_val=val}>
介绍el valor de B：
b_val=val}>
介绍el valor de C：
c_set=val}>
Hacer操作
结果：
解决方案1:{res1}{'\n'}{'\n'}{\n'}{\n'}{\n'}{\n'}
解2:{res2}
);
};

输入为空时，结果为NaN。在使用parseInt之前，需要检查文本val。如果为空，则可以返回默认值。

---

如果此输入仅用于数字，我认为“keyboardType='numeric'”是更好的选择。

您可以使用状态。我已经用不同的版本编写了你的代码。负的平方根将得到NaN。如果要处理较大的位，请使用BigInt

import * as React from 'react';
import { useState } from 'react';
import { Text, View, StyleSheet,TextInput,Component } from 'react-native';
import Constants from 'expo-constants';
/* global BigInt */
// You can import from local files
import AssetExample from './components/AssetExample';

// or any pure javascript modules available in npm
import { Card } from 'react-native-paper';

export default function App()  {
  
  const [a,setA] = useState(1);
  const [b,setB] = useState(20);
  const [c,setC] = useState(-1);
  const [res1,setRest1] = useState(0);
  const [res2,setRest2] = useState(0);

  
  const result1 = () => {
    return -1 * b + Math.sqrt(Math.pow(b, 2) - (4 * a * c)) / (2 * a);
  }
  const result2= () =>{
    return  BigInt(10**100);//Math.sqrt(-5);
  }
  return (
    <View style={styles.container}>
      <Text style={styles.paragraph}>
        Result 1:{result1()}
      </Text>
      <Text style={styles.paragraph}>
        Result 2:{result2().toString()}
      </Text>
      <TextInput placeholder='Input a Here' onChangeText={(val) => setA(val) }></TextInput>
      <TextInput placeholder='Input b Here' onChangeText={(val) => setB(val) }></TextInput>
      <TextInput placeholder='Input c Here' onChangeText={(val) => setC(val) }></TextInput>
      <Card>
        <AssetExample />
      </Card>
    </View>
  );
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center',
    paddingTop: Constants.statusBarHeight,
    backgroundColor: '#ecf0f1',
    padding: 8,
  },
  paragraph: {
    margin: 24,
    fontSize: 18,
    fontWeight: 'bold',
    textAlign: 'center',
  },
});

import*as React from'React'；
从“react”导入{useState}；
从“react native”导入{Text，View，StyleSheet，TextInput，Component}；
从“expo常量”导入常量；
/*全局BigInt*/
//可以从本地文件导入
从“./components/AssetExample”导入AssetExample；
//或npm中可用的任何纯javascript模块
从“react native paper”导入{Card}；
导出默认函数App（）{
常数[a，setA]=useState（1）；
const[b，setB]=useState（20）；
const[c，setC]=useState（-1）；
const[res1，setRest1]=useState（0）；
const[res2，setRest2]=useState（0）；
常量result1=（）=>{
return-1*b+Math.sqrt（Math.pow（b，2）-（4*a*c））/（2*a）；
}
常量result2=（）=>{
返回BigInt（10**100）；//Math.sqrt（-5）；
}
返回(
结果1:{result1（）}
结果2:{result2（）.toString（）}
setA（val）}>
setB（val）}>
setC（val）}>