React学习笔记（一）

React

字数统计: 161阅读时长: 1 min

 2019/04/10   Share

React.js概览

React 的核心思想是：封装组件。

各个组件维护自己的状态和 UI，当状态变更，自动重新渲染整个组件。

基于这种方式的一个直观感受就是我们不再需要不厌其烦地来回查找某个 DOM 元素，然后操作 DOM 去更改 UI。

React 大体包含下面这些概念：

组件
JSX
Virtual DOM
Data Flow

import React, { Component } from 'react';
import { render } from 'react-dom';

class HelloMessage extends Component {
  render() {
    return <div>Hello {this.props.name}</div>;
  }
}

// 加载组件到 DOM 元素 mountNode
render(<HelloMessage name="John" />, mountNode);

Next Post

React学习笔记（二）
Previous Post

近期的一些小计划

CATALOG

1. React.js概览

