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>

@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'即可使用。

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

不客气！ –

React.js输出没有显示

相关推荐