MENU


className

Because 'class' is a keyword in JavaScript, we should use 'className' instead when trying to specify the class attribute in JSX.


RESETRUNFULL
<!DOCTYPE html><html><head></head>
  <body><script src="https://unpkg.com/react@17/umd/react.development.js"
            crossorigin></script><script src="https://unpkg.com/react-dom@17/umd/react-dom.development.js"
            crossorigin></script>
    <script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script>
    <style>
        .box{
            background:orange;
            width:100px;
            height:100px;
        }
    </style>
    <script type="text/babel">
        function Box(props) {
            return (<div className="box"></div>);
        }
        ReactDOM.render(<Box/>, document.querySelector('div'));
    </script>
    <div></div>
  </body></html>