Q. React.js 질문입니다

저거슨 2019. 01. 16.


리액트를 새로 공부중입니다

아래부분에서 setinterval로 value값을 바꿔도 하단 return부분에는 영향이 전혀 안가더라구요

return 내부에서 setinerval을 사용하거나 아니면 setinterval외의 다른방법으로 value값을 주기적으로 바꾸게끔 하는 방법이 있을까요

import React, { Component } from 'react';
import './App.css';

class App extends Component {
  render() {
    let value = 2;

    setInterval(() => {
      
      if(value===3){
        value=0;
      }
      value++;
      console.log(value);
    }, 1000);
    return (
      <div className="App" >
        <header className="App-header" style={style}>
        {
          (()=> {
            if (value === 1) return (<div>1</div>);
            if (value === 2) return (<div>2</div>);
            if (value === 3) return (<div>3</div>);
          })()
        }
        </header>               
      </div>
    );
  }
}

export default App;

공유하고 보상받기 ♥︎
댓글 0

1개의 답변이 있습니다.