<div id="root">
  <!-- 이름이 들어갈 부분 -->
</div>
function name(user) {
  return `${user.firstName} ${user.lastName}`;
}

const user = {
  firstName: '앵무',
  lastName: '김'
};

const element = (
  <h1>
    Hello, {name(user)} 🦜
  </h1>
);

const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(element);
View Compiled

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. https://unpkg.com/react/umd/react.development.js
  2. https://unpkg.com/react-dom/umd/react-dom.development.js