变量的定义和初始化
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'