react基础用法一(在标签中渲染元素)


react基础用法一(渲染元素)

 

如图所示最简单的变量使用方法

格式 let 变量名称 = 赋值;

渲染格式直接用 {变量名称} 就可以直接渲染到页面

如图所示第二种渲染方法

格式 const 变量名称 = <标签>内容</标签>

渲染格式 {变量名称} 即可渲染到页面展示

如图所示也可以渲染一个对象包括它的属性对应展示到页面

格式 const 对象名称 = { key : value } 多个对象属性需要{ key1 : value1, key2 : value2 }用逗号分隔

渲染格式 { 对象名称.key }渲染对应key的value值

 

 如图所示三元运算判断条件真假

格式 let 条件 = true 或 false

渲染格式 { 条件判断 ? 真就渲染 :假就渲染}

以上是react基本渲染的入门js写法,简单的介绍的jsx的渲染格式与用法!

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM