zl程序教程

react基础--1

  • React Hooks教程之基础篇

    React Hooks教程之基础篇

    什么是HooksHook 是 React 16.8 的新增特性。它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性。为什么要用Hooks代码可读性好,易于维护1.hooks在function组件中使用,不用维护复杂的生命周期,不用担心this指向问题Hooks给Function组件赋能,Function组件也可维护自己的state,不用担心组件通信过程中this

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

    React 基础

    特别声明:     这一篇为专栏的第一篇,有很多的东西需要在这里交代一下。     Mercury_Lc 初次接触前端框架知识,很多的地方认识有限,如有不对的地方欢迎在评论区指正,定会认真思考后改正错误的想法,开此专栏的目的在督促自己更好学习此知识,不愿意像之前学习知识那样子学到一半就半途而废,更新几次博客就再也没动静了,其他的学习并不是停更博客就停止了学习,只是在线下整理完之后就懒得再写博

    日期 2023-06-12 10:48:40     
  • React.js基础知识总结一

    React.js基础知识总结一

    React是什么?React是FaceBook(脸书)公司研发的一款JS框架(MVC) React是一款框架:具备自己开发的独立思想(MVC:Model View Controller) -> 划分组件开发 -> 基于路由的SPA单页面开发 -> 基于ES6来编写代码(最后部署上线的时候,我们需要把ES6编译成ES5 =>基于Babel来完成编译) -> 可

    日期 2023-06-12 10:48:40     
  • React.js基础知识 函数组件和类组件(二)

    React.js基础知识 函数组件和类组件(二)

    生命周期 1. 生命周期函数 【调取组件】 constructor 初始化属性状态 componentWillMount 第一次渲染之前 render 渲染 componentDidMount 第一次渲染之后 【组件重新渲染:内部状态改变、传递给组件的属性改变】 状态改变: shouldComponentUp

    日期 2023-06-12 10:48:40     
  • react-native 布局基础

    react-native 布局基础

    宽度单位和像素密度 react的宽度不支持百分比,设置宽度时不需要带单位 {width: 10}, 那么10代表的具体宽度是多少呢?  不知道是官网文档不全还是我眼瞎,反正是没找到,那做一个实验自己找吧: var Dimensions = require('Dimensions'); <Text style={styles.welcome}>

    日期 2023-06-12 10:48:40     
  • reactjs基础知识:演示函数的柯里化

    reactjs基础知识:演示函数的柯里化

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

    日期 2023-06-12 10:48:40     
  • 从零开始的react入门教程(八),redux起源与基础用法

    从零开始的react入门教程(八),redux起源与基础用法

    壹 ❀ 引 我们在从零开始的react入门教程(七),react中的状态提升,我们为什么需要使用redux一文中介绍了react的状态提升,对于不同组件之间状态需要通信时,将状态提升至两个组件共有的最近父组件进行管理是官方较为推荐的做法。 但随之暴露的问题也非常明显,如果组件层级跨越较大,遥远的父组件将状态通知到目标组件时,可能需要通过多层组件进行数据传递,对于这些组件而言,数据传递很明显是没

    日期 2023-06-12 10:48:40     
  • 从0到1用react+antd+redux搭建一个开箱即用的企业级管理后台系列(基础篇)

    从0到1用react+antd+redux搭建一个开箱即用的企业级管理后台系列(基础篇)

    背景 ​ 最近因为要做一个新的管理后台项目,新公司大部分是用vue写的,技术栈这块也是想切到react上面来,所以,这次从0到1重新搭建一个react项目架子,需要考虑的东西的很多,包括目录结构、代码规范、请求封装等等, 涉及内容较多,所以我分成了几个部分来记录搭建的过程: 从0到1用react+antd+redux搭建一个开箱即用的企业级管理后台系列(基础篇) 从0到1用react+antd

    日期 2023-06-12 10:48:40     
  • React 基础:在组件之间传递数据

    React 基础:在组件之间传递数据

    在 React 中的组件之间传递数据是一个非常强大的概念。 在本文中,我们将研究以下两件事: 从父级向子级发送数据将数据从孩子发送给父母 对于这个概念,我们需要使用useState钩子。直到现在你还没有看到那个钩子。有时间我再详细写。 我们今天的结果将如下所示: 在 React 中将数据从父

    日期 2023-06-12 10:48:40     
  • 10、ReactJs基础知识10--组件组合 vs 继承

    10、ReactJs基础知识10--组件组合 vs 继承

    1、 组件使用一个特殊的 children prop 来将他们的子组件传递到自己的渲染结果中:        这使得别的组件可以通过 JSX 嵌套,将任意组件作为子组件传递给它们 function FancyBorder(props) { return (

    日期 2023-06-12 10:48:40     
  • 2、ReactJs基础知识02--元素渲染

    2、ReactJs基础知识02--元素渲染

    1、元素渲染 想要将一个 React 元素渲染到根 DOM 节点中,只需把它们一起传入 ReactDOM.render(): const element = <h1>Hello, world</h1>; ReactDOM.render(element, document.getElementById('root'));

    日期 2023-06-12 10:48:40     
  • 1、ReactJs基础知识01--入门使用

    1、ReactJs基础知识01--入门使用

    1、此处应用了三个库,必须首先加载,react.js是核心库,react-dom.js是提供与DOM相关的功能,babel.js的作用是将JSX语法转换为JavaScript语法,script标签加上type="text/babel"属性 2、ReactDOM.render是React的最基本的方法,用于将模板转换为HTML语言,并插入指定的DOM节点,两个参数,渲染内容和插入的节点 3、被

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

    React原理 即 React路由基础

    React原理 目标 能够说出React组件的更新机制能够对组件进行性能优化能够说出虚拟DOM和DIff算法 组件更新机制 setState() 的两个作用 修改state更新组件 过程:父组

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

    React基础知识点

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

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