ReactDOM.render()

ReactDOM.render()은 가상돔을 실제 돔에 마운트 할 때 사용한다.

아래와 같이 함수 컴포넌트를 마운트 할 때는 첫번째 인자에 <App /> 와 같은 키워드를 사용한다.

function App() {
  return (
    <div>
      <h1>Hello StackBlitz!</h1>
      <p>Start editing to see some magic happen :)</p>
    </div>
  );
}

ReactDOM.render(<App />, document.getElementById("root"));

React 요소를 변수에 담아 실제 돔에 마운트 할 때는 변수의 이름을 그대로 첫번째인자에 담아준다.

const element = <h1>Hello, world</h1>;
ReactDOM.render(element, document.getElementById('root'));

setInteval()을 사용해서 시간차를 줄 수 있다.

function App() {
  return (
    <div>
      <h1>Hello StackBlitz!</h1>
      <p>Start editing to see some magic happen :)</p>
    </div>
  );
}

function time() {
  ReactDOM.render(<App />, document.getElementById("root"));
}

setInterval(time, 3000);