undefined

发表于 | 分类于 ，
字数统计: 48 | 阅读时长 ≈ 1

生命周期

1
2
3
4
5
6
7
8
componentWillMount(){  //页面将要加载的时候
	//定义你的逻辑即可
	console.log("Index - componentWillMount");
}

componentDidMount(){  //页面加载完了的时候
	console.log("Index - componentDidMount");
}
阅读全文 »

发表于 | 分类于 ，
字数统计: 142 | 阅读时长 ≈ 1 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
import React from 'react';
export default class BodyIndex extends React.Component{
  render(){

    var userName = '';
    var boolInput = false;

    var html = "IMOOC LESSON";

    //comments

    return (
      <div>
        <h2>页面的主体内容</h2>
        <p>{userName=='' ? '用户还没有登录' : '用户名：' + userName}</p>
        <p><input type='button' value = {userName} disabled={boolInput}/></p>
        {/*注释*/}
        <p>{html}</p> {/*需要进行 Unicode 的转码*/}
        <p dangerouslySetInnerHTML ={{__html : html}}></p>
      </div>
    )
  }
}
阅读全文 »

发表于 | 分类于 ，
字数统计: 200 | 阅读时长 ≈ 1

组件是react的一个主要特性

1
2
3
4
5
6
7
8
9
10
11
import React from 'react';
import ReactDOM from 'react-dom';
export default class ComponentHeader extends React.Component{  //这里必须加，否则外部访问不到这个组件
  render(){
    return (
      <header>
        <h1>这里是头部</h1>
      </header>
    )
  }
}
阅读全文 »