FB.Canvas.setAutoGrow() Problems with React JS

FB.Canvas.setAutoGrow() Problems with React JS

本文关键字：with React JS Problems Canvas setAutoGrow FB      更新时间：2023-09-26

我在React JS应用程序中使用Facebook JavaScript SDK。

根据文档，我将在SDK加载到.后调用FB.Canvas.setAutoGrow()

window.fbAsyncInit = function () {
    FB.init({
        appId: FACEBOOK_APP_ID,
        xfbml: true,
        version: 'v2.5'
    });
    FB.Canvas.setAutoGrow();
    ReactDOM.render(routes, document.getElementById('app'));
};

FB.Canvas.setAutoGrow()方法运行100ms的间隔，调整画布大小以适应应用程序的内容，但我仍然可以在应用程序中看到滚动。

我使用的是React Router，所以这个应用程序是一个单页应用程序，我认为这可能会给我带来问题。是这种情况还是我做错了其他事情？

我也在为Facebook应用程序使用React（和React Router），这应该与您的情况完全无关。请确保内容宽度最大为810px，否则它将同时显示两个滚动条。您也可以使用overflow:hidden来隐藏滚动条。我可以通过测试链接了解更多信息。

编辑：它不适用于height:100%，请将容器设置为固定高度或删除高度设置

相关文章：