如何在React组件构造函数中设置setInterval?

伊利亚·洛普欣(Ilya Lopukhin)

我需要setInterval当主要成分。我试图在构造函数中设置它

  constructor(props) {
    super(props);
    this.props.fetchUserInfo();
    this.props.fetchProducts();
    setInterval(console.log('1'), 1000);
  }

或里面 componentDidMount

  componentDidMount = () => {
    setInterval(console.log('1'), 1000);
  };

但它总是记录一次“ 1”。如何正确启动间隔?

TJ人群

setInterval(console.log('1'), 1000); 调用 console.log('1')并将其返回值传递到setInterval,恰好foo(bar()) 调用 bar并将其返回值传递到的方式foo

您想传递一个函数引用给它:

setInterval(function() {
    console.log('1');
}, 1000);

或者,如果您需要this在该函数内部保持一致,并且尚未使用ES2015语法,请执行以下操作:

setInterval(function() {
    console.log('1');
}.bind(this), 1000);

Function#bind返回一个新函数,该函数在调用时会使用this您提供调用原始函数

或者,如果您使用的是ES2015语法

setInterval(() => {
    console.log('1');
}, 1000);

它将关闭this创建它的位置,不需要bind

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何在java中的构造函数中设置字段

来自分类Dev

如何在构造函数中设置到期日期?

来自分类Dev

如何在构造函数中设置不可见的GUI?

来自分类Dev

如何在对象构造期间在函数中设置属性?

来自分类Dev

如何在React功能组件中正确设置setInterval计时器?

来自分类Dev

如何在渲染中为React组件设置动画?

来自分类Dev

如何在React子组件中设置事件处理程序

来自分类Dev

如何在React中轻松设置兄弟组件的状态?

来自分类Dev

如何在React中的组件上设置条件属性

来自分类Dev

如何在React中设置嵌套组件的样式?

来自分类Dev

如何在React中设置子组件的处理程序?

来自分类Dev

如何在 React Material UI 的 AppBar 组件中设置容器?

来自分类Dev

react.js中组件构造函数中的函数参数

来自分类Dev

如何在React函数组件中调用API?

来自分类Dev

如何在 React 中触发多个组件的函数?

来自分类Dev

如何在构造函数中调用需要设置控件“ Parent”的函数?

来自分类Dev

如何在构造函数中调用需要设置控件“ Parent”的函数?

来自分类Dev

消费者如何在Angular 2中提供组件构造函数参数?

来自分类Dev

如何在反应中设置条件函数以影响一个组件而不是更大的组件

来自分类Dev

如何在子类构造函数中调用父构造函数?

来自分类Dev

如何在Grails中的继承类中通过地图构造函数设置属性?

来自分类Dev

如何在NelmioAlice中的实体构造函数中为ArrayCollection设置夹具

来自分类Dev

如何在React中从另一个组件设置一个组件的状态

来自分类Dev

如何在函数中用 this 指向 React 组件?

来自分类Dev

如何在React Native功能组件中从父组件调用子函数?

来自分类Dev

如何在Java的构造函数中为变量设置条件值?

来自分类Dev

如何在NodeJS中的字符串构造函数上设置全局属性?

来自分类Dev

如何在构造函数中设置熊猫数据帧多索引

来自分类Dev

如何在类构造函数中设置字符串数组默认值

Related 相关文章

  1. 1

    如何在java中的构造函数中设置字段

  2. 2

    如何在构造函数中设置到期日期?

  3. 3

    如何在构造函数中设置不可见的GUI?

  4. 4

    如何在对象构造期间在函数中设置属性?

  5. 5

    如何在React功能组件中正确设置setInterval计时器?

  6. 6

    如何在渲染中为React组件设置动画?

  7. 7

    如何在React子组件中设置事件处理程序

  8. 8

    如何在React中轻松设置兄弟组件的状态?

  9. 9

    如何在React中的组件上设置条件属性

  10. 10

    如何在React中设置嵌套组件的样式?

  11. 11

    如何在React中设置子组件的处理程序?

  12. 12

    如何在 React Material UI 的 AppBar 组件中设置容器?

  13. 13

    react.js中组件构造函数中的函数参数

  14. 14

    如何在React函数组件中调用API?

  15. 15

    如何在 React 中触发多个组件的函数?

  16. 16

    如何在构造函数中调用需要设置控件“ Parent”的函数?

  17. 17

    如何在构造函数中调用需要设置控件“ Parent”的函数?

  18. 18

    消费者如何在Angular 2中提供组件构造函数参数?

  19. 19

    如何在反应中设置条件函数以影响一个组件而不是更大的组件

  20. 20

    如何在子类构造函数中调用父构造函数?

  21. 21

    如何在Grails中的继承类中通过地图构造函数设置属性?

  22. 22

    如何在NelmioAlice中的实体构造函数中为ArrayCollection设置夹具

  23. 23

    如何在React中从另一个组件设置一个组件的状态

  24. 24

    如何在函数中用 this 指向 React 组件?

  25. 25

    如何在React Native功能组件中从父组件调用子函数?

  26. 26

    如何在Java的构造函数中为变量设置条件值?

  27. 27

    如何在NodeJS中的字符串构造函数上设置全局属性?

  28. 28

    如何在构造函数中设置熊猫数据帧多索引

  29. 29

    如何在类构造函数中设置字符串数组默认值

热门标签

归档