Ainda não tem acesso? Estude com a gente! Matricule-se
Ainda não tem acesso? Estude com a gente! Matricule-se

Ao colar o HTML no JS, este erro aparece pra mim, mas não na aula ?

Failed to compile
./src/App.js
  Line 5:  'Component' is not defined  no-undef

Search for the keywords to learn more about each error.
3 respostas

Bom dia, Michel! Como vai?

Vc poderia colar aqui o seu código onde ocorre o erro e dizer em qual aula especificamente ocorre a modificação que vc citou para que eu possa me contextualizar?

Qualquer coisa é só falar!

Grande abraço e bons estudos, meu aluno!

React - part 1 (aula 2)

import React from 'react'; import './css/pure-min.css'; import './css/side-menu.css';

class App extends Component { render() { return (

      <a href="#menu" id="menuLink" classname="menu-link">

          <span></span>
      </a>

      <div id="menu">
          <div classname="pure-menu">
              <a classname="pure-menu-heading" href="#">Company</a>

              <ul classname="pure-menu-list">
                  <li classname="pure-menu-item"><a href="#" classname="pure-menu-link">Home</a></li>
                  <li classname="pure-menu-item"><a href="#" classname="pure-menu-link">About</a></li>

                  <li classname="pure-menu-item menu-item-divided pure-menu-selected">
                      <a href="#" classname="pure-menu-link">Services</a>
                  </li>

                  <li classname="pure-menu-item"><a href="#" classname="pure-menu-link">Contact</a></li>
              </ul>
          </div>
      </div>

      <div id="main">
          <div classname="header">
              <h1>Page Title</h1>
              <h2>A subtitle for your page goes here</h2>
          </div>

          <div classname="content">
              <h2 classname="content-subhead">How to use this layout</h2>
              <p>
                  To use this layout, you can just copy paste the HTML, along with the CSS in <a href="/css/layouts/side-menu.css" alt="Side Menu CSS">side-menu.css</a>, and the JavaScript in <a href="/js/ui.js">ui.js</a>. The JS file uses vanilla JavaScript to simply toggle an <code>active</code> classname that makes the menu responsive.
              </p>

              <h2 classname="content-subhead">Now Lets Speak Some Latin</h2>
              <p>
                  Lorem ipsum dolor sit amet, consectetur 
              </p>

              <div classname="pure-g">
                  <div classname="pure-u-1-4">
                      <img classname="pure-img-responsive" src="http://farm3.staticflickr.com/2875/9069037713_1752f5daeb.jpg" alt="Peyto Lake"/>
                  </div>
                  <div classname="pure-u-1-4">
                      <img classname="pure-img-responsive" src="http://farm3.staticflickr.com/2813/9069585985_80da8db54f.jpg" alt="Train"/>
                  </div>
                  <div classname="pure-u-1-4">
                      <img classname="pure-img-responsive" src="http://farm6.staticflickr.com/5456/9121446012_c1640e42d0.jpg" alt="T-Shirt Store"/>
                  </div>
                  <div classname="pure-u-1-4">
                      <img classname="pure-img-responsive" src="http://farm8.staticflickr.com/7357/9086701425_fda3024927.jpg" alt="Mountain"/>
                  </div>
              </div>

              <h2 classname="content-subhead">Try Resizing your Browser</h2>
              <p>
                  Lorem ipsum dolor sit amet, consectetur 
              </p>
          </div>
      </div>
  </div>
);

} }

export default App;

Pesquisei, descobri e resolvi.

Issue fixed.