React.js輸出沒有顯示

我對React.js很感興趣，並試圖通過以下一些教程並在index.js中完成我正在做的事情，但它沒有顯示我的代碼的任何輸出。React.js輸出沒有顯示

我安裝反應，並通過這兩個命令創建

NPM安裝-g創建反應的應用程序內

創建反應的應用程序內的HelloWorld

應用程序創建並執行以下代碼僅在Index.js文件中不會干擾任何其他文件，但H1未顯示在屏幕上。什麼問題，我做錯了什麼？

這裏是我的代碼

Index.js

import React from 'react'; 
import ReactDOM from 'react-dom'; 

class worker extends React.Component{ 
    render() 
    { 
     console.log("hello"); 
     return(
      <h1> hello farrukh </h1> 

     ) 
    } 
} 

ReactDOM.render(< worker /> , document.getElementById('root'))

的Index.html

<!doctype html> 
<html lang="en"> 
    <head> 
    <meta charset="utf-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> 
    <meta name="theme-color" content="#000000"> 

    <link rel="manifest" href="%PUBLIC_URL%/manifest.json"> 
    <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico"> 

    <title>React App</title> 
    </head> 
    <body> 
    <noscript> 
     You need to enable JavaScript to run this app. 
    </noscript> 
    <div id="root"></div> 

    </body> 
</html>

來源

2017-07-18 Muhammad Farrukh Faizy

@karthick它的預製模板通過反應，因爲我說我不活動觸摸任何其他文件，然後index.js –

你用'npm start'運行這個嗎？你確定你保存了你的index.js文件嗎？ –

使用我正在運行與npm開始，是的，我保存它 –

來源：https://facebook.github.io/react/docs/jsx-in-depth.html#user-defined-components-must-be-capitalized

當元素類型以小寫字母開頭時，它指向內置組件（如or）並生成傳遞給React.createElement的字符串'div'或'span'。以大寫字母開頭的類型，例如編譯爲React.createElement（Foo），並對應於在JavaScript文件中定義或導入的組件。

我們推薦用大寫字母命名組件。如果您確實有一個以小寫字母開頭的組件，請在將它用於JSX之前將其分配給大寫變量。

您只需將'worker'重命名爲'Worker'即可使用。

來源

2017-07-18 21:51:37

哦，男人，你救了我的生命！像魅力一樣工作:) –

不客氣！ –

React.js輸出沒有顯示

回答

相關問題