reactjs具有重复运行的功能

Question

reactjs具有重复运行的功能

我试图在Reactjs中每秒编写一次“ asdf”来进行控制台。我正在使用setInterval。

这是我的代码：

<head>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.14.6/react.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.14.6/react-dom.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.23/browser.js"></script>
</head>

<body>
<div id="root"></div>
<script type="text/babel">

class NameForm extends React.Component {
  constructor(props) {
    super(props);
  }

  componentDidMount() {
    this.interval = setInterval(console.log("asdf"),1000)
  }

  render() { return (<div/ >) }
}

ReactDOM.render(
  <NameForm />,
  document.getElementById('root')
);

</script>
</body>

Run Code Online (Sandbox Code Playgroud)

目前，asdf仅写入控制台一次。为什么是这样？谢谢

Answer 1

Mah*_*Ali 5

目前您正在传递undefined，setInterval因为console.log()return undefined。将其包装为“函数”并作为参数传递

componentDidMount() {this.interval = setInterval(() => console.log("qwer"),1000)}

Run Code Online (Sandbox Code Playgroud)

归档时间：	6 年，8 月前
查看次数：	49 次
最近记录：	6 年，8 月前