react.js从入门到精通（二）——变量的定义和初始化、事件的使用

变量的定义和初始化

1、变量的定义和初始化

（1）使用在构造函数中创建

代码如下：

import React,{ Component } from 'react'
class Home extends Component {
   
  constructor(props) {
    super(props);
    this.state = {
      data:"js是世界上最好的语言"
    };
  }
  render() {
    return (
      <div style={
  {backgroundColor:"#0ff",fontSize:"20px",color:"#00f"}}>
        {
  this.state.data}
      </div>
    )
  }
}
export default Home

效果如下：

从上面的代码和效果我们可以看出，react.js的变量可以定义在state这个json对象中，接着把state这个json对象绑定在this上。
调用方式是：在dom树中需要用到的地方以{this.state.}方式进行使用。

（2）在render中创建

代码如下：

import React,{ Component } from 'react'