首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >React输入值没有变化

React输入值没有变化
EN

Stack Overflow用户
提问于 2022-10-17 11:19:18
回答 2查看 57关注 0票数 -3

我的输入标签在这里:

代码语言:javascript
运行
复制
<Input
   value={isNaN(currentCount) ? '' : currentCount}
   onKeyUp={(e) => {
      onKeyup(e);
      if (e.key === 'Enter') {}
   }}
   onChange={(e) => {
      handleChange(e);
   }}
/>

onKeyUp正在工作,但onChange现在不能工作。

我发现,当我在文本框中输入一个值时,输入标记的值不会改变。

如果你和我有同样的问题,请告诉我,或者知道如何解决。

EN

回答 2

Stack Overflow用户

发布于 2022-10-17 11:48:25

您应该创建一个状态并在其中设置输入值,如下所示:

代码语言:javascript
运行
复制
const [value, setValue] = useState('')

const onChange = (event) => {
   setValue(event.target.value)
}

return (
<Input
   value={value}
   onKeyUp={(e) => {
      onKeyup(e);
      if (e.key === 'Enter') {}
   }}
   onChange={handleChange}
/>
)
票数 0
EN

Stack Overflow用户

发布于 2022-10-17 11:59:43

代码语言:javascript
运行
复制
const [ currentCount, setCurrentCount] = useState('');
    
const handleChange = (e) => {
   setCurrentCount( e.target.value || '');
}

return (
  <input type="text" value={ isNaN(currentCount) ? '' : currentCount } onChange={ (e) =>  handleChange(e) }/>
)
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/74096470

复制
相关文章

相似问题

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