今UdemyのThe complete guide reactを見ながらReactの勉強をしているのですが
create-react-appコマンドを使い、簡単なテキストを表示させることはできたのですが、udemyのチュートリアルではfunction App()の箇所がclassになっていましたので画像のように変更してみたところこのようなエラーが出てしまいました。どうしたら解消できますでしょうか。よろしくお願いいたします。
変更前
React
1//初期のApp.jsにh1タグを加えてみたもの。正常に動きます。 2import React from 'react'; 3import logo from './logo.svg'; 4import './App.css'; 5 6function App() { 7 return ( 8 <div className="App"> 9 <h1> jack</h1> 10 </div> 11 ); 12} 13 14export default App; 15
変更後
React
1//Componentの表記追加とclass表記して、renderを追加した。これにすると画像のようなエラーが表示されました。 2import React, {Compenent} from 'react'; 3import logo from './logo.svg'; 4import './App.css'; 5 6class App extends Compenent() { 7 render(){ 8 return ( 9 <div className="App"> 10 <h1> jack</h1> 11 </div> 12 ); 13} 14} 15 16export default App; 17
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2019/08/09 00:41
2019/08/09 02:10
2019/08/09 02:20
退会済みユーザー
2019/08/12 13:55