React学习(五)之输出动态数据

输出动态数据就是输出表达式。

表达式就是2+2,变量等等。

现在在Home.js中输出动态数据。

代码

注意代码中的第19行

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
import React, { Component } from 'react'; //固定写法

export class Home extends Component { //ES6写法
render() {
let content="";
let flag=false;
if(flag){
content="cbh";
}
else{
content="cxy";
}
return (
<div>
<h1>Home</h1>

{content}

</div>
);
}
}

export default Home;

效果

输出动态数据效果展示.png

作者:@臭咸鱼

本文为作者原创,转载请注明出处:https://chouxianyu.github.io

欢迎转发和评论!