Question

我有两个问题。我正在尝试编写一个组件来检查用户是否在移动设备上，如果它们是移动设备，状态 isMobile 切换为true（反之亦然，如果在桌面上）。

我已经知道了我可以检查移动设备的位置，但是可以使用它来说明＆＃34;真或假＆＃34;并征服这是一个保留词让我很难受。

主要感谢任何帮助，这是我的代码：

entry = Entry(bg='#fff', width=50)

提前感谢您的帮助

Answer 1

更改

const isMobile = { this.state.isMobile };

到

const { isMobile } = this.state;

Answer 2

由于您的移动检查是同步的，因此您可以更新构造函数中的isMobile状态属性。此外，const { isMobile } = this.state;是将isMobile移出州的正确方法，它将解决您的这是一个保留字问题。

以下代码应该可以使用，但我还没有对其进行测试：

export default class App extends Component {
  constructor() {
    super();

    // set the isMobile prop in state
    this.state = { isMobile: checkIfMobile.any() };
  }
  render() {
    const { isMobile } = this.state; // destructure isMobile to variable 

    return (
      <div>
        <ChromePluginNotice />

        <Banner isMobile={isMobile} />
        <Content isMobile={isMobile} />
        <Footer />
      </div>
    );
  }
}

注意：尝试使用现有模块，例如bowser，而不是重新发明轮子并创建自己的移动检测。

react.js＆＃34;这个＆＃34;是一个保留字

2 个答案: