流浪のwolf

卷帝

导航

< 2025年2月 >
26 27 28 29 30 31 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 1
2 3 4 5 6 7 8

统计

04 2023 档案

11-react使用props.children 处理父子组件之间的传值
摘要:// props.children 组件传值 import { Component } from "react" import reactDom from "react-dom" // 床架一个 createRef 函数 用来创建 ref 对象 const Hello = (props) => { 阅读全文

posted @ 2023-04-30 15:57 朱龙旭的网络 阅读(344) 评论(0) 推荐(0) 编辑

10-react不同层级的组件之间的数据传递数据 createContext 上下文
摘要:// 组件传值 props 接收传递过来的数据 import ReactDom from "react-dom" import { createContext, Component } from "react" // createContext is useed to create a contex 阅读全文

posted @ 2023-04-30 15:34 朱龙旭的网络 阅读(18) 评论(0) 推荐(0) 编辑

09-react的组件传值 props
摘要:// 组件传值 props 接收传递过来的数据 import ReactDom from "react-dom" import { Component } from "react" // 类组件中使用函数组件 和 类组件 注意区分不同的组件使用不同方式接收数据 const Hellow = (pro 阅读全文

posted @ 2023-04-30 13:34 朱龙旭的网络 阅读(17) 评论(0) 推荐(0) 编辑

08-react修改state数据驱动视图UI的更新【注意和vue的区别】
摘要:// setState 修改状态 如果是直接修改页面不会改变 使用 setState 修改数据 才会驱动视图的改变 // setState 的原理:修改玩状态之后会调用 render 函数 import ReactDom from "react-dom" import { Component } f 阅读全文

posted @ 2023-04-30 07:33 朱龙旭的网络 阅读(87) 评论(0) 推荐(0) 编辑

07 - react 唯一修改state状态的方式 setState
摘要:// setState 修改状态 如果是直接修改页面不会改变 使用 setState 修改数据 才会驱动视图的改变 // setState 的原理:修改玩状态之后会调用 render 函数 import ReactDom from "react-dom" import { Component } f 阅读全文

posted @ 2023-04-29 22:24 朱龙旭的网络 阅读(79) 评论(0) 推荐(0) 编辑

06 - react的类组件中的状态state render函数 this指向问题 事件绑定
摘要:// 注册事件 import ReactDom from "react-dom" import { Component } from "react" // 类组件中的状态 通过 this.state.xxx 来获取状态 class Hello extends Component { // 事件对象 阅读全文

posted @ 2023-04-29 18:43 朱龙旭的网络 阅读(16) 评论(0) 推荐(0) 编辑

05-react的类组件和函数组件 -- 状态 state
摘要:// 函数组件是无状态的 既没有数据的 类似 vue 组件中的 data 数据 // 类组件是有状态的组件 是有数据的 是双向绑定的数据 是数据驱动视图的 负责UI的视图更新 (单个组件的私有数据组件之间的数据是独立的) import ReactDom from "react-dom" import 阅读全文

posted @ 2023-04-29 17:59 朱龙旭的网络 阅读(29) 评论(0) 推荐(0) 编辑

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 朱龙旭的网络 阅读(14) 评论(0) 推荐(0) 编辑

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

posted @ 2023-04-26 21:02 朱龙旭的网络 阅读(12) 评论(0) 推荐(0) 编辑

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

posted @ 2023-04-26 20:43 朱龙旭的网络 阅读(14) 评论(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 朱龙旭的网络 阅读(12) 评论(0) 推荐(0) 编辑

C# 根据主键ID查询数据库的数据 反射和泛型实现
摘要:// 引入命名空间 using Zhu.ADO.NET.DBProxy; using Zhu.ADO.NET.Models.models; Console.WriteLine(" "); Console.WriteLine(" 开始测试 "); Console.WriteLine(" "); // 阅读全文

posted @ 2023-04-01 18:52 朱龙旭的网络 阅读(164) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示