useForceUpdate
useForceUpdate is a React Hook that forces your function component tore-render.
useForceUpdate does not serve a purpose in and of itself. It is a tinypackage that aims to be integrated into larger hooks, making obsolete any classfunctionality that is still reliant on this.forceUpdate().
Install
npm install use-force-updateoryarn add use-force-update
Use
import React from 'react';
import useForceUpdate from 'use-force-update';
export default function MyButton() {
const forceUpdate = useForceUpdate();
const handleClick = React.useCallback(() => {
alert('I will re-render now.');
forceUpdate();
}, [forceUpdate]);
return (
<button onClick={handleClick}>
Re-render
</button>
);
};
-
如果你的render()方法依赖于一些其他的数据，你可以告诉React组件需要通过调用forceUpdate()重新渲染。 调用forceUpdate()会导致组件跳过shouldComponentUpdate(),直接调用render()。这将触发组件的正常生命周期方法,包括每个子组件的shouldComponentUpdate()方法。 forceUpdate就是重新render。有些变量不在
-
前一篇文章<制作initrd(1):向initrd内部更新驱动模块>提到更新initrd.img镜像时需要运行update-initramfs命令。起初以为是二进制文件，网上胡乱搜索一通发现update-initramfs和mkinitramfs两个命令同为脚本文件，既然是shell脚本那必须得分析内容并备忘。 root@ubuntu:~# file `which update-initr
-
Fixing your iOS build scripts If you, like myself, tend to be a part of projects where we’re delivering several builds of an iOS app, this blogpost might concern you. Up until now, Apple has allowed y
-
一、问题描述 今天在线运行的一个mysql崩溃了，重启后发现还是无法正常启动。 查看错误日志，如下： 2018-08-20 10:19:16 7740 [Note] InnoDB: Page size:8192 Pages to analyze:8 2018-08-20 10:19:16 7740 [Note] InnoDB: Page size: 8192, Possible space_id
-
场景 我遇到的问题是这样的： 维护一个state，类型是文件树类的实例，如下： import { Node, Path } from './type'; export interface IFileeTree { tree: Node; currentNode: Node; // 当前节点 paths: Path; // 当前文件路径 isBackValid: boolean;
-
背景： 执行npm install 出现如下提醒 added 253 packages from 162 contributors and audited 1117 packages in 42.157s found 5 vulnerabilities (1 low, 4 high) run `npm audit fix` to fix them, or `npm audit` for det
-
force 方法用于数据集的强制索引操作，例如： Db::table('think_user')->force('user')->select(); 对查询强制使用user索引，user必须是数据表实际创建的索引名称。
-
这个模块实现了用以模拟粒子物理运动的 velocity Verlet 数值积分器。仿真的演化: 它假设任意单位时间步长 Δt = 1，所有的粒子的单位质量常量 m = 1。作用在每个粒子上的合力 F 相当于在单位时间 Δt 内的恒定加速度 a。并且可以简单的通过为每个粒子添加速度并计算粒子的位置来模拟仿真。 在信息可视化领域，物理仿真在研究 networks 和 hierarchies 时非常有用
-
这个模块实现了用以模拟粒子物理运动的 velocity Verlet 数值积分器。仿真的演化: 它假设任意单位时间步长 Δt = 1，所有的粒子的单位质量常量 m = 1。作用在每个粒子上的合力 F 相当于在单位时间 Δt 内的恒定加速度 a。并且可以简单的通过为每个粒子添加速度并计算粒子的位置来模拟仿真。 在信息可视化领域，物理仿真在研究 networks 和 hierarchies 时非常有用
-
Subsets 描述 Given a set of distinct integers, S, return all possible subsets. Note: Elements in a subset must be in non-descending order. The solution set must not contain duplicate subsets. For exampl
-
Permutations 描述 Given a collection of numbers, return all possible permutations. For example, [1,2,3] have the following permutations: [1,2,3], [1,3,2], [2,1,3], [2,3,1], [3,1,2], and [3,2,1]. 代码 递归 /
-
Combinations 描述 Given two integers n and k, return all possible combinations of k numbers out of 1 ... n. For example, If n = 4 and k = 2, a solution is: [ [2,4], [3,4], [2,3], [1,2], [1,3],