react-demos/index.html at master · feyy/react-demos · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>react demos</title>
<meta name="description" content="react demos">
<meta name="keywords" content="react demos">
<style>
    body {
        line-height: 1.5;
    }
</style>
</head>
<body>
    <h1>React Demos</h1>
    <ul>
        <li><a href="demo01/">demo01-Hellow, world!</a></li>
        <li><a href="demo02/">demo02-模板循环取值: Array.map</a></li>
        <li><a href="demo03/">demo03-模板数组: list直接赋值</a></li>
        <li><a href="demo04/">demo04-组件: this.props传值</a></li>
        <li><a href="demo05/">demo05-组件: React.children, this.props.children</a></li>
        <li><a href="demo06/">demo06-组件属性: propTypes</a></li>
        <li><a href="demo07/">demo07-组件事件: ref, this.refs</a></li>
        <li><a href="demo08/">demo08-组件状态: getInitialState, this.setState, this.state</a></li>
        <li><a href="demo09/">demo09-组件事件: event.target</a></li>
        <li><a href="demo10/">demo10-动画：模板样式style, componentDidMount, this.setState</a></li>
        <li><a href="demo11/">demo11-ajax: this.isMounted</a></li>
        <li><a href="demo12/">demo12-ajax: loading...</a></li>
    </ul>
</body>
</html>