
React
文章平均质量分 80
英俊潇洒美少年
路漫漫其修远兮,吾将上下而求索!
展开
-
React插槽 之React.Children
React.Children 提供了用于处理 this.props.children 不透明数据结构的实用方法。React.Children.mapReact.Children.map(children, function[(thisArg)])在 children 里的每个直接子节点上调用一个函数,并将 this 设置为 thisArg。如果 children 是一个数组,它将被遍历并为数组中的每个子节点调用该函数。如果子节点为 null 或是 undefined,则此方法将返回 null .原创 2020-05-25 13:57:52 · 812 阅读 · 0 评论 -
React 基础1 @stage3---week4--day2
ReactReact 学习版本: 16.xReact 老版本项目: 15.xreact 官网说 17.x 会使用的一些技术React 应用级脚手架CRAdvaumicreate-react-app 【 CRA 】React 官网提供的脚手架脚手架: 作用: 快速构建一个项目安装全局安装 create-react-app$ npm instal...原创 2019-10-25 08:35:20 · 311 阅读 · 0 评论 -
函数式组件进行数据请求 && 类组件进行 异步数据请求 && better-scroll && http-router-proxy && 动态路由@stage3---week5--day4
函数式组件 useEffect 进行数据请求需要进行判断,否则会进行多次数据请求import React, { useState, useEffect } from "react";import axios from "axios";import HotItem from "./hot_item";import "./index.scss";function MoviesHot(...原创 2019-10-25 08:33:34 · 3251 阅读 · 0 评论 -
react 的 router && rem解决方案&& antd-mobile组件库在React中的使用@stage3---week5--day3
react 的 routerrem使用组件库 antd-mobilereact 的 router先构建页面目录components 公用组件layout 布局组件utils 封装工具 rem requestpages/views 路由对应的页面移动端是要配置自适应的 rem + 弹性盒淘宝方案https://github.com/amfe/lib-...原创 2019-10-24 22:09:38 · 742 阅读 · 0 评论 -
React 的错误边界 && Hook简介 && Swiper 与 ECharts在React中的使用 @stage3---week5--day2
错误边界Hook 简介swiper 与 EChart 在 React 中的使用错误边界过去,组件内的 JavaScript 错误会导致 React 的内部状态被破坏,并且在下一次渲染时 产生 可能无法追踪的 错误。这些错误基本上是由较早的其他代码(非 React 组件代码)错误引起的,但 React 并没有提供一种在组件中优雅处理这些错误的方式,也无法从错误中恢复。错误边界(Err...原创 2019-10-23 08:55:25 · 1655 阅读 · 0 评论 -
React HOC(高阶组件 && dva 构建 react 项目&& umi && React的生命周期@stage3---week5--day1
HOC(高阶组件)dva 构建 react 项目 DvaJSumi 构建项目React 的生命周期HOC(高阶组件)功能: 1. 进行某些方法或是属性的复用 2. 让外层的组件替我们完成任务,那么里层组件直接使用就可以了const NewComponent = higherOrderComponent(YourComponent);比如,我们想要我们的组件通过自动注入一...原创 2019-10-22 18:52:04 · 1063 阅读 · 0 评论 -
组件通信的案例 && Ant Design of React基础 @stage3---week4--day5-1
组件通信的案例todolist 案例一个组件只干一件事情 ,所以 TodoList 和 TodoItem 要做成两个组件,这样也方便于后期理解[react_todolist 基础案例(https://github.com/zhanghaoyu01/React_todolist)Ant Design of React服务于企业级产品的设计体系,基于确定和自然的设计价值观上的模块化解决...原创 2019-10-21 12:59:56 · 630 阅读 · 0 评论 -
React State && 事件处理 Event&& 组件通信
React 基础知识StateState 状态import React, { Component } from "react";export default class StateCopm extends Component { /* * 记住了: * state只能在当前组件中定义,也只能在当前组件中修改 * 实例属性定义形式 ! ...原创 2019-10-18 09:14:47 · 457 阅读 · 1 评论 -
React前端框架学习 基础知识@stage3---week5--day2
ReactReact学习版本: 16.xReact老版本项目: 15.xreact官网说 17.x 会使用的一些技术React应用级脚手架CRAdvaumicreate-react-app 【 CRA 】React官网提供的脚手架脚手架: 作用: 快速构建一个项目安装全局安装create-react-app$ npm insta...原创 2019-10-17 14:21:24 · 272 阅读 · 0 评论