React 组件扩展导致水平滚动条

问题描述 投票:0回答:0

我是 React 的新手,想知道如何解决这个前端错误。 我有这个页面。它有一个侧边栏,然后在左侧是新闻提要(社交媒体帖子的一小部分),右侧是一些条形图。

现在,如果用户选择从 Twitter 获取数据,长 url 会扩展页面,导致水平滚动出现。但它不会对 facebook、instagram 数据这样做。

我曾尝试在 app.js 中使用 overflowX:None,但这将适用于整个应用程序,这会导致所有组件都没有水平滚动条。我也试过 overflowX:hidden 等,设置 width:100% wrapText:word-break...

我想知道有没有其他方法可以解决这个问题?

非常感谢!

我预计在返回推特数据时新闻源不会扩展新闻源,导致右侧的图表移动(从而获得水平滚动条)它只会留在原地

javascript css reactjs styling horizontal-scrolling
© www.soinside.com 2019 - 2024. All rights reserved.