学习React第一篇：编写一个“ Hello World” React组件

继 安装 开发环境 / 创建应用 / 并在VS Code中查看你自己创建的应用程序

开始编写第一个也是不忘初心的“ Hello World” React组件：

这里要定义一个React组件类，需要扩展React.Component。必须在React.Component子类中定义的唯一方法称为 render()

import React from 'react';

class App extends React.Component {
  render() {
    // return React.createElement('hi', null, "Hello World")
    return <h1>Hello World</h1>
  }
}

// const App = () => <h1>Hello World</h1>

export default App

运行结果：

 

* 以上是直接在 App.js 中更改代码 

* 强烈建议不要创建自己的基础组件类。在React组件中，代码重用主要通过组合而不是继承来实现。

 

 

参考：

React的入门基本基础知识 https://egghead.io/courses/start-learning-react