宿雪冷音
  • 随笔
  • 音乐
  • 后端
  • 前端
    • JavaScript
    • css
    • TypeScript
    • nodejs
suxue
热爱音乐的前端工程师
随笔

密码保护:随笔1

无法提供摘要。这是一篇受保护的文章。

2020年10月07日 0条评论 82点热度 3人点赞 阅读全文
JavaScript

React v16.8.x - Hooks 概述

hooks 是向后兼容的。此页面提供了有经验的React用户对Hooks的概述。这是一个快节奏的概述。 state Hooks 此示例呈现计数器。单击该按钮时,它会递增值: import React, { useState } from 'react'; function Example() { // 声明一个state:count ,初始值是0 const [count, setCount] = useState(0); return ( <div> <p>You cl…

2020年10月07日 0条评论 66点热度 0人点赞 阅读全文
JavaScript

React v16.8.x - Hooks 简介

Hooks 是 React v16.8 加入的新特性,它可以让你使用 state 和其他特性,而不用类组件。 import React, { useState } from 'react'; function Example() { // 声明一个 state const [count, setCount] = useState(0); return ( <div> <p>You clicked {count} times</p> <button onC…

2020年10月07日 0条评论 49点热度 0人点赞 阅读全文
JavaScript

React v16.8.x - State Hook

前面的例子介绍了Hooks的例子: import React, { useState } from 'react'; function Example() { // Declare a new state variable, which we'll call "count" const [count, setCount] = useState(0); return ( <div> <p>You clicked {count} times<…

2020年10月07日 0条评论 43点热度 0人点赞 阅读全文
JavaScript

React v16.8.x - Effect Hook

effect hooks 可以让你在函数组件中实现副作用: import React, { useState, useEffect } from 'react'; function Example() { const [count, setCount] = useState(0); // 与 componentDidMount componentDidUpdate类似: useEffect(() => { // 更新文档标题 document.title = `You clicked ${…

2020年10月07日 0条评论 43点热度 0人点赞 阅读全文
JavaScript

React v16.8.x - Hooks 规范

Hooks 是js函数,但是使用时你需要遵循下面两条规则。我们提供了专门的检测插件来强制使用这些规则: 在最顶层调用 Hooks 不要在循环,条件,或者嵌套函数内部调用hooks。 你应该在React函数组件的最顶层调用。这样做,能确保每次组件渲染时都以相同的顺序调用Hook。这是React能在在多个useState和useEffect调用之间正确保留Hook状态的原因。 只在React函数组件中使用 不要在普通JS函数中使用。 你应该: 在函数组件中调用 在自定义hooks中调用 这样做能确保组件中的所有有状态逻…

2020年10月07日 0条评论 45点热度 0人点赞 阅读全文
JavaScript

React v16.8.x - 建立自己的hooks

建立自己的hooks,可以让你把组件逻辑提取到可复用的函数内。 看看在学习effect时我们举的订阅朋友状态的例子: import React, { useState, useEffect } from 'react'; function FriendStatus(props) { const [isOnline, setIsOnline] = useState(null); function handleStatusChange(status) { setIsOnline(status.isO…

2020年10月07日 0条评论 36点热度 0人点赞 阅读全文
JavaScript

React v16.8.x - Hooks API

本页面介绍了React Hooks 的所有API 。 如果是新了解Hooks,可以先看之前的页面。您还可以在FAQ部分找到有用的信息。 基础 API useState useEffect useContext 额外的 API useReducer useCallback useMemo useRef useImperativeHandle useLayoutEffect useDebugValue 基础 API useState const [state, setState] = useState(initialS…

2020年10月07日 0条评论 33点热度 0人点赞 阅读全文
JavaScript

rc-form

rc-form React HOC高阶组件. 开发使用 npm install npm start open http://localhost:8000/examples/ 特性 支持 react.js 和 react-native 使用 async-validator 验证字段 Install 使用 import { createForm, formShape } from 'rc-form'; class Form extends React.Component { static propT…

2020年10月07日 0条评论 37点热度 0人点赞 阅读全文
JavaScript

react-media

react-media react-media是一个媒体查询React组件 <Media> 组件会监听 CSS 媒体查询 并根据是否匹配来决定是否渲染指定的内容。 安装 使用 npm: $ npm install --save react-media 然后,引用该组件: // 使用 ES 模块 import Media from 'react-media'; // 使用 CommonJS 模块 var Media = require('react-media');…

2020年10月07日 0条评论 32点热度 0人点赞 阅读全文
12
分类目录
  • JavaScript
  • nodejs
  • TypeScript
  • 前端
  • 后端
  • 译文
  • 随笔
2020年10月
一 二 三 四 五 六 日
 1234
567891011
12131415161718
19202122232425
262728293031  
    11月 »
文章归档
  • 2021年4月
  • 2021年3月
  • 2021年1月
  • 2020年12月
  • 2020年11月
  • 2020年10月
分类目录
  • JavaScript
  • nodejs
  • TypeScript
  • 前端
  • 后端
  • 译文
  • 随笔

COPYRIGHT © 2020 宿雪冷音. ALL RIGHTS RESERVED.

THEME KRATOS MADE BY VTROIS