![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
react
文章平均质量分 75
小 影
这个作者很懒,什么都没留下…
展开
-
react函数组件实现四栏轮播图切换
实现的功能为一个轮播图,分为纵向四栏,切换的时候四部分延迟切换。主题思想:将底部整体的div分为四部分,纵向四等分,每部分都是当前要展示的图片,通过定位拼接到一起,看起来跟原版的图片一样,给四部分css设置时间,从左往右依次递增,这样切换的时候就会依次出现了。css部分不细讲,这里主要讲一下函数组件怎么写import React, { useState, useEffect } from "react";import "./index.css";export default function S原创 2021-11-21 11:28:33 · 5316 阅读 · 0 评论 -
react生命周期
1、什么是生命周期组件从创建到死亡它会经历一些特定的阶段。React组件中包含一系列勾子函数(生命周期回调函数), 会在特定的时刻调用。我们在定义组件时,会在特定的生命周期回调函数中,做特定的工作。2、旧版生命周期图生命周期的三个阶段初始化阶段: 由ReactDOM.render()触发—初次渲染1. constructor()2. componentWillMount()3. render()4. componentDidMount() =====> 常用一般在这个钩子转载 2021-08-09 21:59:48 · 91 阅读 · 0 评论 -
react基础知识(2)
七、组件实例三大属性之props1、props基本使用在官方文档中讲组件,从概念上类似于 JavaScript 函数。它接受任意的入参(即 “props”),并返回用于描述页面展示内容的 React 元素。所以可以理解props为组件中存储信息的部分,类似于函数的参数。<body> <!-- 准备好一个“容器” --> <div id="test1"></div> <div id="test2"></div> <di原创 2021-08-09 21:32:51 · 109 阅读 · 0 评论 -
react基础知识(1)
一、hello react每个语言开始都是从hello开始的,咱们也不例外,先从写一个hello react作为起点。<body> <!-- 准备好一个“容器” --> <div id="test"></div> <!-- 引入react核心库 --> <script type="text/javascript" src="../js/react.development.js"></script> <!-原创 2021-08-08 17:52:42 · 103 阅读 · 0 评论