React Element 변수 Ex

 

html element형식으로 전달한 값을 함수에서 인자로 받아서 처리하는 예제

 

function UserFunc(props) {
  return <h1>Welcome back~!</h1>;
}

function GuestFunc(props) {
  return <h1>Welcome guests to visit.</h1>;
}

function Greeting(props) {
  const isOn = props.isOn1;
  if (isOn) {
    return <UserFunc />;
  }
  return <GuestFunc />;
}

const root = ReactDOM.createRoot(document.getElementById('root')); 
// Try changing to isLoggedIn={true}:
root.render(<Greeting isOn1={false} />);

 

render호출에서 html element형식으로 사용한 'isOn1'의 명칭과 값이 Greeting함수 호출에 인자로 전달된다.