useForceUpdate

useForceUpdate 会返回一个函数，调用该函数会强制组件重新渲染

Import: import { useForceUpdate } from '@kubed/hooks;'

Source: View source code

Docs: Edit this page

npm: @kubed/hooks

用法

useForceUpdate 强制组件重新渲染。

import React from 'react';
import { useForceUpdate } from '@kubed/hooks';
import { Button, Group } from '@kubed/components'

export default function App() {
  const update = useForceUpdate();

    return (
      <div>
        <p>Time:{Date.now()}</p>
        <Group spacing="xl">
          <Button onClick={() => update()}>update</Button>
        </Group>
      </div>
    );
}

1
import React from 'react';
2
import { useForceUpdate } from '@kubed/hooks';
3
import { Button, Group } from '@kubed/components'
4

5
export default function App() {
6
  const update = useForceUpdate();
7

8
    return (
9
      <div>
10
        <p>Time:{Date.now()}</p>
11
        <Group spacing="xl">
12
          <Button onClick={() => update()}>update</Button>
13
        </Group>
14
      </div>
15
    );
16
}
17

18

API

1
function useForceUpdate(): () => void