摘要:// props.children 组件传值 import { Component } from "react" import reactDom from "react-dom" // 床架一个 createRef 函数 用来创建 ref 对象 const Hello = (props) => {
阅读全文
摘要:// 组件传值 props 接收传递过来的数据 import ReactDom from "react-dom" import { createContext, Component } from "react" // createContext is useed to create a contex
阅读全文
摘要:// 组件传值 props 接收传递过来的数据 import ReactDom from "react-dom" import { Component } from "react" // 类组件中使用函数组件 和 类组件 注意区分不同的组件使用不同方式接收数据 const Hellow = (pro
阅读全文
摘要:// setState 修改状态 如果是直接修改页面不会改变 使用 setState 修改数据 才会驱动视图的改变 // setState 的原理:修改玩状态之后会调用 render 函数 import ReactDom from "react-dom" import { Component } f
阅读全文
摘要:// setState 修改状态 如果是直接修改页面不会改变 使用 setState 修改数据 才会驱动视图的改变 // setState 的原理:修改玩状态之后会调用 render 函数 import ReactDom from "react-dom" import { Component } f
阅读全文
摘要:// 注册事件 import ReactDom from "react-dom" import { Component } from "react" // 类组件中的状态 通过 this.state.xxx 来获取状态 class Hello extends Component { // 事件对象
阅读全文
摘要:// 函数组件是无状态的 既没有数据的 类似 vue 组件中的 data 数据 // 类组件是有状态的组件 是有数据的 是双向绑定的数据 是数据驱动视图的 负责UI的视图更新 (单个组件的私有数据组件之间的数据是独立的) import ReactDom from "react-dom" import
阅读全文
摘要:import reactDom from "react-dom" // 条件渲染 if else let loading = false // 写一个函数用于加载 const loadData = () => { if(loading) { return <div>数据加载中</div> }else
阅读全文
摘要:// 在jsx中使用 js 表达式 /// 通过一个 {} 展示变量即可 vue 中使用 {{}} 展示js表达式 // 什么是js表达式 有结果的 import reactDom from "react-dom" // 函数也是表达式 // syntaxError 语法错误 const sayHi
阅读全文
摘要:// 使用 createElement太繁琐 不直观 不优雅开发体验不好 代码维护不行 // jsx 不是 js 而是 js的扩展语法 // jsx 是react的核心内容 // react项目中已经有了 bable 所以在react项目中直接使用 jsx 语法 【自动编译】 // jsx 的写法就
阅读全文
摘要:// 导入react和react-dom包 类似 vue 中的 import vue from ‘vue’ import react from 'react' // 内部的组件 import reactDom from 'react-dom' // 用于渲染页面UI // console.log(r
阅读全文
摘要:// 引入命名空间 using Zhu.ADO.NET.DBProxy; using Zhu.ADO.NET.Models.models; Console.WriteLine(" "); Console.WriteLine(" 开始测试 "); Console.WriteLine(" "); //
阅读全文