流浪のwolf

卷帝

导航

2023年4月26日

04-react的基本:条件渲染

摘要: import reactDom from "react-dom" // 条件渲染 if else let loading = false // 写一个函数用于加载 const loadData = () => { if(loading) { return <div>数据加载中</div> }else 阅读全文

posted @ 2023-04-26 21:15 流浪のwolf 阅读(9) 评论(0) 推荐(0) 编辑

03-jsx中使用js表达式

摘要: // 在jsx中使用 js 表达式 /// 通过一个 {} 展示变量即可 vue 中使用 {{}} 展示js表达式 // 什么是js表达式 有结果的 import reactDom from "react-dom" // 函数也是表达式 // syntaxError 语法错误 const sayHi 阅读全文

posted @ 2023-04-26 21:02 流浪のwolf 阅读(7) 评论(0) 推荐(0) 编辑

02-react中jsx的基本使用

摘要: // 使用 createElement太繁琐 不直观 不优雅开发体验不好 代码维护不行 // jsx 不是 js 而是 js的扩展语法 // jsx 是react的核心内容 // react项目中已经有了 bable 所以在react项目中直接使用 jsx 语法 【自动编译】 // jsx 的写法就 阅读全文

posted @ 2023-04-26 20:43 流浪のwolf 阅读(9) 评论(0) 推荐(0) 编辑

01-react的基本使用

摘要: // 导入react和react-dom包 类似 vue 中的 import vue from ‘vue’ import react from 'react' // 内部的组件 import reactDom from 'react-dom' // 用于渲染页面UI // console.log(r 阅读全文

posted @ 2023-04-26 20:26 流浪のwolf 阅读(8) 评论(0) 推荐(0) 编辑