Блог

Я использую facebook comment, и ошибка похожа на картинку.

 const FacebookComment: React.FC<Props> = ({ title }) => {
      const isMobile = ...
      const [loading, setLoading] = useState(true);
      const [dataHref, setDataHref] = useState('');
      const rootRef = useRef<HTMLDivElement>(null);
      const route = useRouter();
      useEffect(() => {...
      }, [route]);
    
      useEffect(() => {...
        };
        try {
          window.FB?.Event.subscribe('xfbml.render', handleRendered);
          return () => window.FB?.Event.unsubscribe('xfbml.render', handleRendered);
        } catch (e) {
          // Ignore error
        }
      }, []);
    
      useEffect(() => {
      }, [dataHref]);
    
      return (
        <div ref={rootRef} className={isMobile ? css.rootMobile : css.rootDesktop} >
          
          {dataHref amp;amp; <div className="fb-comments" data-href={dataHref} data-width="100%" data-numposts="5" />}
        </div>
      );
    };
    
    export default FacebookComment;
  

iphone 5,6

iphone x

проблема: я использую код, подобный приведенному выше, но на iphone 6 и iphone x отображается по-разному. Я хочу исправить ошибку на iphone 6. надеюсь, кто-нибудь сможет мне помочь!!!