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

아래부분에서 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;