正确使用FingerprintJS

Question

我还没有在React.js工作过，但我想用FingerprintJS编写一些应用程序。

    function App() {
  let app_visitorId = 'Is not defined still';
  (async () => {
    // Get the visitor identifier when you need it.
    const fp = await fpPromise
    const result = await fp.get()
    // This is the visitor identifier:
    const visitorId = result.visitorId;
    const confidence = result.confidence;
    console.log(
        '----------------------------------------------------------\n' +
        'fingerprintjs@ visitorId: ' + visitorId + '\n' +
        'fingerprintjs@ confidence: ' + confidence.score.toPrecision(6) + '\n' +
        '----------------------------------------------------------\n');
  })();
  return (
      <div className="App">
        <header className="App-header">
          <img src={logo} className="App-logo" alt="logo" />
          <p>
            Edit <code>src/App.js</code> and save to reload.<br/>
            {app_visitorId}
          </p>
          <a
              className="App-link"
              href="https://reactjs.org"
              target="_blank"
              rel="noopener noreferrer"
          >
            Learn React
          </a>
        </header>
      </div>
  );
}

我的问题是:如何更改'app_visitorId‘let以在呈现块中呈现其值？谢谢你！

Answer 1

从useEffect钩子中，使用setState将vistitorId存储到状态。在呈现(返回函数)中，检查状态变量是否已经填充，因为返回的值来自异步承诺。如果是，则呈现visitorId。

您可以在Next.js上使用GitHub检查更复杂的代码解决方案(但概念与with相同)。或者，可以检查指纹Pro反应库。