JSX with css

Posted by : on

Category : react


jsx 에서는 css 를 입힐때는 카멜케이스로 입력해야한다.

  1. 요소에 직접 스타일 속성 입히기
const Main = () => {
  const user = {
    name: "유재석",
    isLogin: false,
  };

  if (user.isLogin) {
    return <div style=>로그아웃</div>;
  } else {
    return <div style=>로그인</div>;
  }
};

export default Main;
  1. css파일을 만들어서 하기 Pasted image 20240505150240.png 이렇게 따로 뺀다음 Pasted image 20240505150347.png 이렇게 넣는다.

About 유재석
유재석

개발자 유재석 입니다. Web Developer.

Email : jaeseok9405@gmail.com

Website : https://github.com/yoo94