react 获取电脑设备信息

要获取电脑设备信息，可以使用 `navigator` 对象提供的相关属性和方法。下面是一些常用的属性：

- `navigator.userAgent`：返回包含用户代理字符串的字符串。
- `navigator.platform`：返回运行浏览器的操作系统平台。
- `window.screen`：返回屏幕信息的对象，包括屏幕宽度、高度、像素密度等。
- `navigator.language`：返回用户的首选语言。

下面是一个使用 React 的示例代码：

import React from "react";

function DeviceInfo() {
  return (
    <div>
      <p>User agent: {navigator.userAgent}</p>
      <p>Platform: {navigator.platform}</p>
      <p>Screen width: {window.screen.width}</p>
      <p>Screen height: {window.screen.height}</p>
      <p>Pixel density: {window.devicePixelRatio}</p>
      <p>Language: {navigator.language}</p>
    </div>
  );
}

当然，这些信息都是可以被篡改的，因此不应该依赖它们来进行安全性检查。

相关问题

react native获取手机设备id

在 React Native 中，可以使用 `react-native-device-info` 库来获取设备 ID。首先需要安装该库：

npm install react-native-device-info

然后在代码中使用以下代码获取设备 ID：

import DeviceInfo from 'react-native-device-info';

const deviceId = DeviceInfo.getUniqueId();
console.log(deviceId);

`getUniqueId()` 方法返回一个唯一的设备 ID，可以用于识别用户的设备。注意，该方法需要在真机上测试才能得到正确的结果。

如何再react中获取当前路由信息

可以使用`react-router-dom`提供的`useLocation`和`useHistory`钩子来获取当前路由信息。

1. 使用`useLocation`获取当前路由信息：

import { useLocation } from 'react-router-dom';

function MyComponent() {
  const location = useLocation();

  console.log(location.pathname); // 当前路由路径
  console.log(location.search); // 当前路由参数
  console.log(location.hash); // 当前路由锚点
  // ...
}

2. 使用`useHistory`获取当前路由信息：

import { useHistory } from 'react-router-dom';

function MyComponent() {
  const history = useHistory();

  console.log(history.location.pathname); // 当前路由路径
  console.log(history.location.search); // 当前路由参数
  console.log(history.location.hash); // 当前路由锚点
  // ...
}

注意：`useLocation`和`useHistory`钩子只能在`Router`组件内部使用，否则会报错。