首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >中的函数中丢失状态变量值的原因

中的函数中丢失状态变量值的原因
EN

Stack Overflow用户
提问于 2021-04-06 14:52:33
回答 1查看 132关注 0票数 0

当我用TextBox更改变量的值时,我希望在虚拟函数中打印当前值。与我在文本框中键入的新数字不同,我得到了值NaN,它告诉我它被当作一个数字来处理,但是值消失了。我怎么才能保存它?我以为这个州到处都是。

代码语言:javascript
复制
import React from 'react';

export default function App() {

function dummy(){
    return (<div>USERID von dummy: {USERID}</div>);
  }

  const [USERID, setUSERID] = React.useState(9);

  return (
    <View style={styles.container}>
      <h1>REACT - AXIOS</h1>
      <StatusBar style="auto" />
      <table>
        <tr>
          UserID: <TextField onChange={text => setUSERID(parseInt(text))} variant="outlined" name="userid" label="userid" id="userid" />
        </tr>
        <tr>
          <td>
            {dummy()}
          </td>
        </tr>
        <tr style={{ marginTop: 30 }} >
          <td> </td>
        </tr>
      </table>
    </View>
  );
}
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2021-04-06 14:59:36

由于语法原因,我假设您使用的是MUI,所以函数onChange返回一个事件对象,不能将它解析为数字,您必须先得到值:

<TextField onChange={e => setUSERID(parseInt(e.target.value))} value={USERID} {...rest} />

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/66971039

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档