Voyz's Studio.

React学习笔记(一)

字数统计: 161阅读时长: 1 min
2019/04/10 Share

React.js概览

React 的核心思想是:封装组件

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

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

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

  • 组件
  • JSX
  • Virtual DOM
  • Data Flow
1
2
3
4
5
6
7
8
9
10
11
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);
CATALOG
  1. 1. React.js概览