如何将useState挂钩的状态设置为true

穆罕默德

这里我使用useState将状态'unligible'设置为false作为开始

    const [state,setState] = React.useState({
   
    uneligible: false,
  
  })

然后在这里我编写一个将状态设置为true的函数,这是我收到错误的地方:

 function setEligibility(){state.uneligible==='true'}

那就是错误: 在此处输入图片说明

这是将其设置为true的条件(如果user <18状态的age应该为true):

 var split_dob = dateOfBirth.split("-");
    var month = split_dob[1];
var day = split_dob[2];
var year = split_dob[0];
var dob_asdate = new Date(year, month, day);
var today = new Date();
var mili_dif = Math.abs(today.getTime() - dob_asdate.getTime());
var age = (mili_dif / (1000 * 3600 * 24 * 365.25));
console.log(age);
if(age<18){setEligibility();}

如果状态成功设置为true(如果用户的年龄<18岁),我将以此方式显示警报组件:

 <Grid item xs={8} style={{marginTop:"10px"}}>{state.uneligible&&<Alert variant="filled" severity="error">
  This is an error alert — check it out!
</Alert>}</Grid>
                   

我需要帮助来修复错误并使警报组件出现

Fahad Tahir |

您不需要做一个改变状态的函数

const [eligible,setEligible] = React.useState(
false  // default value
)

更新状态

setEligible(true)

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

当子状态为true时如何将父状态设置为false

来自分类Dev

如何使用useState挂钩设置初始状态

来自分类Dev

如何将gpclibPermit()设置为TRUE

来自分类Dev

如何将包裹选择状态设置为当前状态?

来自分类Dev

如何使用useState挂钩在forEach循环中设置状态

来自分类Dev

如何将IsEnabled设置为ScrollBar始终为True?

来自分类Dev

如何将IsEnabled设置为ScrollBar始终为True?

来自分类Dev

如何将初始状态设置为与钩子反应的道具?

来自分类Dev

反应挂钩,setTimeOut将状态设置为false

来自分类Dev

如何将“支持统计信息”设置为True

来自分类Dev

如何将某个单选按钮设置为选中“ true”

来自分类Dev

如果选中,如何将选中的选项设置为true

来自分类Dev

如何将dataGridView的前3列设置为true

来自分类Dev

如何将 document.getElementById(...) is null 设置为 true

来自分类Dev

如何将值设置为true选中,将false设置为unchecked

来自分类Dev

如何使用响应功能挂钩仅挂钩被单击以使其张开的卡,以及如何将先前单击的卡重置为返回至关闭状态

来自分类Dev

无法使用useState React将道具设置为状态

来自分类Dev

无法将 useState 挂钩值设置为相反的布尔值

来自分类Dev

如何将SASS设置设置为noCache = True?使用Gulp和gulp-ruby-sass

来自分类Dev

useState挂钩-状态丢失,即重置为初始值

来自分类Dev

如何将Android L的状态栏颜色设置为完全透明?(无灰色)

来自分类Dev

注销时如何将座席状态设置为“已注销”

来自分类Dev

如何将PyQtGraph GraphicView窗口设置为最大化状态

来自分类Dev

如何将引导选项卡设置为活动状态?

来自分类Dev

Flutter-如何将showModalBottomSheet设置为全高但在状态栏下方?

来自分类Dev

如何将视图设置为在状态更改时不更新

来自分类Dev

如何将父级回调设置为子级状态

来自分类Dev

如何将AVAudioRecorder本地实例设置为Property,使其保持保留状态?

来自分类Dev

注销时如何将座席状态设置为“已注销”

Related 相关文章

  1. 1

    当子状态为true时如何将父状态设置为false

  2. 2

    如何使用useState挂钩设置初始状态

  3. 3

    如何将gpclibPermit()设置为TRUE

  4. 4

    如何将包裹选择状态设置为当前状态?

  5. 5

    如何使用useState挂钩在forEach循环中设置状态

  6. 6

    如何将IsEnabled设置为ScrollBar始终为True?

  7. 7

    如何将IsEnabled设置为ScrollBar始终为True?

  8. 8

    如何将初始状态设置为与钩子反应的道具?

  9. 9

    反应挂钩,setTimeOut将状态设置为false

  10. 10

    如何将“支持统计信息”设置为True

  11. 11

    如何将某个单选按钮设置为选中“ true”

  12. 12

    如果选中,如何将选中的选项设置为true

  13. 13

    如何将dataGridView的前3列设置为true

  14. 14

    如何将 document.getElementById(...) is null 设置为 true

  15. 15

    如何将值设置为true选中,将false设置为unchecked

  16. 16

    如何使用响应功能挂钩仅挂钩被单击以使其张开的卡,以及如何将先前单击的卡重置为返回至关闭状态

  17. 17

    无法使用useState React将道具设置为状态

  18. 18

    无法将 useState 挂钩值设置为相反的布尔值

  19. 19

    如何将SASS设置设置为noCache = True?使用Gulp和gulp-ruby-sass

  20. 20

    useState挂钩-状态丢失,即重置为初始值

  21. 21

    如何将Android L的状态栏颜色设置为完全透明?(无灰色)

  22. 22

    注销时如何将座席状态设置为“已注销”

  23. 23

    如何将PyQtGraph GraphicView窗口设置为最大化状态

  24. 24

    如何将引导选项卡设置为活动状态?

  25. 25

    Flutter-如何将showModalBottomSheet设置为全高但在状态栏下方?

  26. 26

    如何将视图设置为在状态更改时不更新

  27. 27

    如何将父级回调设置为子级状态

  28. 28

    如何将AVAudioRecorder本地实例设置为Property,使其保持保留状态?

  29. 29

    注销时如何将座席状态设置为“已注销”

热门标签

归档