《React：引领未来的用户界面开发框架》读书记录 03

标签：函数   属性   some   一个   界面   bool   state   stat   ops   

今天查看的内容主要讲了React中Jsx的一些使用技巧以及Jsx与Html的不同之处

如何在Jsx中使用动态值，可以像下面这样

• <div>{this.state.oneState}</div>
• <div>{boolean ? ‘true‘ : ‘false‘}</div>
• <div>{this.getSomeValue()}</div>

总结起来就是：变量，简单表达式，函数调用

子节点

React把组件开始标签和闭合标签之前的所有子节点保存在一个特殊组件属性中this.props.children中，例如：

<Title> Hello React </Title>

则Title组件中this.props.children = ["Hello React"];

Jsx与Html的不同点体现在下面几个方面

• Jsx的属性可以是动态的
• Jsx中某些属性是Html中所不存在的,key 、ref、dangerouslySetInnerHTML
• Jsx可以通过条件表达式来动态控制元素渲染

23:54:10

《React：引领未来的用户界面开发框架》读书记录 03

标签：函数   属性   some   一个   界面   bool   state   stat   ops   

原文地址：https://www.cnblogs.com/alone4436/p/14604467.html