React.js 질문입니다
리액트를 새로 공부중입니다
아래부분에서 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;