[React] Warning: Invalid DOM property `class`. Did you mean `className`?

[React] Warning: Invalid DOM property `class`. Did you mean `className`?

React에서 개발자 도구를 보니 Warning: Invalid DOM property `class`. Did you mean `className`?경고가 발생했다. React는 JSX 문법을 사용하기 때문에 기존 html 코드에서 사용했던 class가 아닌 className으로 변경해서 사용해줘야 해당 경고가 사라진다.

 

 

 

Example

이런 식으로 코드를 작성하면 Warning이 발생한다.

import React from 'react';

const Main = () => {
    return (
        <div class="test">
            이곳
        </div>
    );
};

 

이를 해결하려면 아래와 같이 className을 사용해서 변경해야 한다.

import React from 'react';

const Main = () => {
    return (
        <div className="test">
            이곳
        </div>
    );
};

 

 

 

https://supiz.tistory.com/64

[react] JSX에서 class오류