React Web 中的 WC3 传感器

Question

我正在尝试让 W3C Sensors API 在我的 React Web 应用程序（不是 React Native）中工作，基本上我找不到任何可靠的文档来让它使用 javascript 工作，这是我到目前为止生成的代码：

  import React, { Component } from "react";

  export default class Postion extends Component {
  state = {
    message: "not supported",
  };
  componentDidMount() {
    this.test();
  }

  test(){
    if(window.Accelerometer){
        this.setState({message:"supported"})
    }
  }

  render() {
    return <div>{this.state.message}</div>;
  }
}

它在桌面浏览器上显示“支持”，而在我迄今为止尝试的所有移动浏览器上显示“不支持”，所以我的问题是：如何使用传感器 API（尤其是在移动浏览器上）从加速度计获取数据？我什至可以完成？谢谢。

Answer 1

我还没用过。但是MDN 上总是有很好的文档：

let acl = new Accelerometer({frequency: 60});

acl.addEventListener('reading', () => {
  console.log("Acceleration along the X-axis " + acl.x);
  console.log("Acceleration along the Y-axis " + acl.y);
  console.log("Acceleration along the Z-axis " + acl.z);
});

acl.start();

---

现在，要在 React 上实现它，你就知道了。只需要挂上componentDidMount hook即可。