前言用React15写的,选项是静态数据,为了适应原来的代码,加了很多复杂的东西 - 。-,不过也算学了点新东西,记录一下。效果展示结构分析数据结构constructor(props) { super(props) const { value, dataList } = props // 获取传过来的当前选中值和选项列表---[[value:label],[value:l
转载 2023-11-29 07:03:48
130阅读
仿QQ滑动组件    当业务中需要,实现类似QQ滑动删除组件的时候,在Android或者IOS中,都存在封装好的组件,但是在RN中类似组件很少,如何使用RN去开发一个QQ滑动删除组件呢,这就是接下来要做的事情. 滑动之后样式滑动之前样式组件分析最外层View组件 嵌套 一个View组件(一个View组件嵌套两个Text组件,并设置space-between)
React学习笔记2(React脚手架、组件通信与网络请求库)零 l 一 l (一)React 脚手架 create-react-app1、脚手架是什么2、create-react-app快速创建项目3、create-react-app创建的脚手架的项目结构(二)项目规范1、最简单的index.html、index.js、App.js2、模块化3、功能界面的组件化编码流程(通
转载 6月前
19阅读
总第357篇2019年 第35篇2018年,我们开源了React Native组件库——React Native组件库继续优化,实现beeshell 2.0升级,开源38...
原创 2021-08-01 13:51:44
304阅读
总第357篇2019年 第35篇2018年,我们开源了React Native组件库——React Native组件库继续优化,实现beeshell 2.0升级,开源38...
原创 2021-05-12 09:49:42
1184阅读
重新设计 React 组件库 诚身 7 个月前 在 react + redux 已经成为大部分前端项目底层架构的今天,让我们再次回到软件工程界一个永恒问题的探讨上来,那就是如何提升一个开发团队的开发效率? 从宏观的角度来讲,其实只有良好的抽象才能真正提高一个团队的开发效率,而囿于不同产品所面临的不同业务需求,当我们抽丝剥茧般地将一个个前端工程抽象到最后一层,那么剩下的其实就只有
转载 2024-08-26 10:07:51
61阅读
react的目的是将前端页面组件化,用状态机的思维模式去控制组件组件组件之间肯定是有关系得,通过合理得组件设计,给每一个组件划定合适得边界,可以有效降低当我们对页面进行重构时对其他组件之间得影响。同时也可以使我们得代码更加美观。1、高耦合低内聚。高耦合:将功能联系紧密得部分放到一个容器组件内对外暴漏出index.js,目录结构如下:├── components│ └── App└── inde
如何基于 React 封装一个组件前言很多小伙伴在第一次尝试封装组件时会和我一样碰到许多问题,比如人家的组件会有 color 属性,我们在使用组件时传入组件文档中说明的属性值如 primary ,那么这个组件的字体颜色会变为 primary 对应的颜色,这是如何做到的?还有别人封装的组件类名都有自己独特的前缀,这是如何处理的呢,难道是 css 类名全部加上前缀吗,这也太麻烦了!如果你正在困惑这些问
转载 2024-02-29 16:51:08
82阅读
如何管理多个React组件的异步请求一、异步请求的背景前端应用中的异步请求前端应用中的异步请求是指在前端开发中,通过使用Ajax、fetch或其他网络请求库,向后端服务器发送请求并获取数据的过程。由于前端开发中常常需要实现多个React组件之间的数据交互,因此对于异步请求的管理变得尤为重要。在本文中,我们将探讨如何在React应用中管理多个组件的异步请求,以确保数据的及时更新和页面的流畅展示。具体
原创 2023-12-14 20:11:03
124阅读
​异步请求管理在多个React组件中的重要性和挑战不可忽视。当一个页面包含多个组件时,每个组件都可能需要进行异步请
原创 2024-01-05 10:58:20
106阅读
redux-thunkredux-thunk是redux中的一个中间件安装命令 yarn add redux-thunk在store文件夹中的index.js中引入applyMiddleware,这样我们才能使用中间件然后再引入redux-thunk并在createStore中使用applyMiddleware(thunk)到底生命是redux中间件谁和谁之间action和store之间其实中间件
转载 10月前
74阅读
# 使用 Axios 请求并发送 Cookie 的详细指南 在现代 Web 开发中,往往需要通过 API 与服务器进行数据交互,通常需要管理用户的状态和身份验证,而这就需要使用 Cookie。本文旨在教您如何使用 Axios 发送请求并发送 Cookie。我们将逐步了解这一过程。 ## 整体流程 下面的表格展示了使用 Axios 请求并发送 Cookie 的流程步骤: | 步骤 | 描
原创 2024-10-17 14:06:08
84阅读
React组件 React组件介绍 组件React的一等公民,使用React就是在用组件 组件表示页面中的部分功能 组合多个组件实现完整的页面功能 特点:可复用、独立、可组合 React组件的两种创建方式 使用函数创建组件 函数组件:使用JS的函数(或箭头函数)创建的组件 约定1:函数名称必须以大 ...
转载 2021-08-02 01:13:00
202阅读
2评论
React轻巧源于React组件的思想。就像没有函数的概念之前,计算一个长方形的面积,每次都是相同的计算长和宽的乘积,然后输出。React允许我们自定义组件,在以后的工作过程中,我们想渲染不同的组件,都可以自定义,通过render函数返回DOM元素节点。React组件示例:<!DOCTYPE html><html> <head> &...
原创 2021-07-28 09:50:19
229阅读
传递props import React, {Component, VFC, ReactNode } from 'react'; const Hello: VFC<{ body: ReactNode }> = ({ body }) => { return <div>{body}</div>; };
转载 2018-08-27 16:35:00
717阅读
2评论
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <script src="js/react.js"></script> <script src="js/react-dom.js"></scrip
转载 2017-08-09 09:16:00
159阅读
原文链接:https://.newline.co/fullstack-react/30-days-of-react/day-3/ Let's revisit the "Hello world" app we introduced on day one <!DOCTYPE html> <html
转载 2020-02-24 16:50:00
98阅读
2评论
学习目标 了解组件模式 组件分类 类组件又称为动态组件,类组件中可自定义方法,一般有事件
原创 2022-06-27 11:20:35
195阅读
React 组件是构建 React 应用的基本单元。和。
原创 2024-10-14 09:47:14
49阅读
组件传参 多组件使用!
原创 2021-08-05 16:03:09
220阅读
  • 1
  • 2
  • 3
  • 4
  • 5