zl程序教程

react基础--2

  • React 基础

    React 基础

    React 概述React 介绍 react是一个用于构建用户界面的 JavaScript 库 react官网(https://reactjs.org/) react中文网(https://zh-hans.reactjs.org/) React 是一个用于构建用户界面(UI,对咱们前端来说,简单理解为:HTML 页面)的 JavaScript 库 如果从mvc的角度来看,React仅仅

    日期 2023-06-12 10:48:40     
  • React组件基础

    React组件基础

    组件基本介绍组件是React中最基本的内容,使用React就是在使用组件组件表示页面中的部分功能多个组件可以实现完整的页面功能组件特点:可复用,独立,可组合[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-5zo7zriO-1668351209724)(images/组件.png)]React创建组件的两种方式函数组件 函数组件:使用JS的函数或者箭头函数创建的组件

    日期 2023-06-12 10:48:40     
  • react基础使用

    react基础使用

    1. 不再使用react.createElement使用jsx创建对象。并最后使用ReactDom.render(param1, param2)去对对象渲染。其中param1为js创建的变量,param2为原生dom方法选中的html元素。在jsx中的html部分使用js变量等js语法应外加大括号。 render后会接diff.render并非重头对所有元素进行渲染,只会挑出其与之前变化的部分进行

    日期 2023-06-12 10:48:40     
  • React之Hooks基础

    React之Hooks基础

    目录1、Hooks解决了什么问题2、useState2.1 状态的读取和修改2.2 组件的更新过程2.3 使用规则3、useEffect3.1 基础使用Hooks是一套能够使函数组件更强大,更灵活的“钩子”。React体系里组件分为类组件和函数组件。 经过很多年的应用,我们发现函数组件其实是更加简单的,而且是更加契合我们React的设计理念 UI = f(data),也更有利于逻辑拆分与重用的组件

    日期 2023-06-12 10:48:40     
  • React Hooks之EChars的基础使用

    React Hooks之EChars的基础使用

    本文将使用的技术栈为:React HooksEcharsreact 官网:https://zh-hans.reactjs.org/docs/hooks-state.html#gatsby-focus-wrapperEChars官网:https://echarts.apache.org/zh/tutorial.html#5 分钟上手 ECharts1 安装react框架npx create-reac

    日期 2023-06-12 10:48:40     
  • reactjs基础知识:类方法中的this指向

    reactjs基础知识:类方法中的this指向

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>Doc

    日期 2023-06-12 10:48:40     
  • reactjs基础知识:原生事件绑定

    reactjs基础知识:原生事件绑定

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>Doc

    日期 2023-06-12 10:48:40     
  • iOS 开发之 ReactiveCocoa(基础)

    iOS 开发之 ReactiveCocoa(基础)

    前言   前段时间在看Masonry这个全新的第三方的布局框架的时候,开始了解了链式编程.后来慢慢的又开始了解函数式编程和响应式编程.在这集中的编程思想下,开始接触和研究了ReactiveCocoa这个框架.在很多大神的blog中,都对这个框架有着高度的评价,各种秀自己如何灵活的使用ReactiveCocoa.今天主要就是这个框架的一些自己的学习笔记.   1.Reactiv

    日期 2023-06-12 10:48:40     
  • React路由基础

    React路由基础

    HashRouter模式:   BrowserRouter模式:     分享: 前言 react-router针对不同的使用场景衍生了不同的路由包,RN项目用react-router-native,web项目用react-router-dom。并且,不需要再重复引入react-router了。我搭建的是web项目环境,所以用的是react-router-d

    日期 2023-06-12 10:48:40     
  • react基础知识,jsx规则,组件定义

    react基础知识,jsx规则,组件定义

    react是一个将数据转换为html的js库 react英文官网:https://reactjs.org react中文官网:https://react.docschina.org 用react渲染一段文字: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> &l

    日期 2023-06-12 10:48:40     
  • React基础知识点

    React基础知识点

    React基础知识点 目标 能够说出React是什么能够说出React的特点能够掌握React的基本使用能够使用React脚手架 什么是React (★★★) React是一个用于构建用户

    日期 2023-06-12 10:48:40