useOnline

警告

useNetworkType衍生 hook, 方便用户是否需要判断当前网络是否可用. 初始值为true. 且该状态为自动监听

useOnline

获取网络是否可用

何时使用

当需要根据当前网络状态做判断时

API

const online: boolean = useOnline();

返回值说明

返回值	说明	类型
online	当前网络状态	boolean

代码演示

React

network/useOnline/index

import React from 'react';
import { useOnline } from 'taro-hooks';

import DemoContent from '@src/components/DemoContent';
import { Cell, Switch } from '@taroify/core';

export default () => {
  const online = useOnline();

  return (
    <DemoContent>
      <Cell.Group clickable>
        <Cell title="当前网络状态">
          <Switch disabled checked={online} />
        </Cell>
      </Cell.Group>
    </DemoContent>
  );
};

Vue

network/useOnline/index

<template>
  <demo-content>
    <nut-cell-group>
      <nut-cell title="当前网络状态">
        <template v-slot:link>
          <nut-switch disable :model-value="online" />
        </template>
      </nut-cell>
    </nut-cell-group>
  </demo-content>
</template>

<script setup lang="ts">
import { useOnline } from 'taro-hooks';

const online = useOnline();
</script>

Hook 支持度

微信小程序	H5	ReactNative
✔️	✔️	✔️