React
shiningchen322
快乐工作,快乐生活。
展开
-
react防抖节流
import React from 'react'import { debounce, throttle } from 'lodash' // 防抖、节流class About2 extends React.Component { constructor(props) { super(props) this.handleChange = this.handleChange.bind(this) this.emitChangeDebounced = debounce(t.原创 2020-11-26 11:16:37 · 323 阅读 · 0 评论 -
React Hooks 钩子函数的使用
v16.8 版本引入设计目的:加强版函数组件,完全不使用"类",就能写出一个全功能的组件钩子使用use前缀命名,要使用 xxx 功能,钩子就命名为 usexxx。React默认提供的4种钩子useState() // 状态钩子 useContext() // 共享状态钩子 useReducer() // action 钩子 useEffect() // 副作用钩子eg.useState的使用import React, { useState } from 'react';.原创 2020-11-25 17:14:51 · 750 阅读 · 0 评论 -
如何在react中使用less
目前创建react项目一般使用 create-react-app 这个脚手架工具来创建,但这种方式默认没有对于less的配置。所以我们自己配置一下:1. 暴露出webpack配置文件#使用create-react-app 创建的项目默认是看不到webpack配置文件的,需要先暴露出来,然后才能修改里面的配置信息。终端运行一下命令(注意:此命令一旦运行会修改package.json 文件,不可回退)npm run eject2. 安装less和less-loader#运行以下命令:转载 2020-10-29 16:33:26 · 1807 阅读 · 0 评论 -
create-react-app npm run eject 报错(网上找了好久才找到,最终成功)
create-react-app my-react-appcd my-react-appgit initgit add .git commit -m ‘Saving before ejecting’npm run eject按照以上顺序就可以正常使用主要问题是脚手架添加.gitgnore文件,但是却没有本地仓库----------------------------------------...原创 2020-10-29 14:09:44 · 87 阅读 · 0 评论 -
React 入门实例教程
现在最热门的前端框架,毫无疑问是 React 。上周,基于 React 的 React Native 发布,结果一天之内,就获得了 5000 颗星,受瞩目程度可见一斑。React 起源于 Facebook 的内部项目,因为该公司对市场上所有 JavaScript MVC 框架,都不满意,就决定自己写一套,用来架设 Instagram 的网站。做出来以后,发现这套东西很好用,就在20转载 2015-09-28 13:01:11 · 364 阅读 · 0 评论 -
MAC-安装与破解WebStorm
WebStorm下载地址:链接: https://pan.baidu.com/s/1c27kQTa 密码: 49k51安装步骤 1.打开dmg镜像,将“WebStorm.app”拖入应用程序中; 2.打开WebStorm到激活页面,然后退出WebStorm,这步很重要。网上都没有明确说明,导致操作完下面的步奏,打开WebStorm的时候提示错误。 3.将“Jetbrains转载 2017-02-27 08:20:05 · 386 阅读 · 0 评论 -
如何运行github上react native项目
写在前面之前就发现百度上,关于下载github上react native项目(下文称RN)运行的方法不全,今天抽空整理下,给大家一点灵感。一、下载RN项目以react-native-nba-app作为事例https://github.com/wwayne/react-native-nba-app 克隆项目到本地 运行命令$Git clone https://转载 2017-02-27 08:23:22 · 3377 阅读 · 0 评论 -
react native navigator 的使用
import React, { Component } from 'react';import { AppRegistry, StyleSheet, Text, View, Navigator, TouchableOpacity,} from 'react-native';原创 2017-03-14 14:55:05 · 308 阅读 · 0 评论