首页 > 解决方案 > React 组件仅在刷新时加载

问题描述

我正在使用这个反应组件MessengerCheckbox 它仅在我转到页面并点击刷新时加载,而不是在使用链接从另一个页面引导时加载。

我的代码看起来像这样......

<y 会话来自next auth getSession()是否有帮助,因此加载和获取会话之间存在延迟。randomNo只是一个随机创建的数字

谢谢

<label htmlFor="facebookUpdate">
  {randomNo && props.session.user.facebookUpdate == 0 && (
    <FacebookCheckbox
      randomNo={randomNo}
      facebookUpdate={props.session.user.facebookUpdate}
    />
  )}
</label>


import React from 'react'
import MessengerCheckbox from 'react-messenger-checkbox'

const FacebookCheckbox = (props) => {
  return (
    <MessengerCheckbox
      allowLogin={true}
      prechecked={!props.facebookUpdate.length}
      pageId="107153667407468"
      appId="543934309775851"
      origin="https://bettingmates.com.au"
      userRef={String(props.randomNo)}
    />
  )
}

导出默认 FacebookCheckbox

标签: reactjscomponentsnext.js

解决方案


推荐阅读