如何在 React 中更改嵌入推文的宽度？

Posted 2023-03-28

【中文标题】如何在 React 中更改嵌入推文的宽度？

【英文标题】：How do I change the width of an embedded tweet in React?

【发布时间】：2020-10-23 13:02:23

【问题描述】：

我正在使用 react-twitter-widgets 库。我的渲染函数如下所示：

render() 
        return <div className="tweets">
            this.state.loading ? <Spinner animation="border" role="status" variant='light'></Spinner> : <div></div>
            this.state.tweets.map((tweet) => 
                return(
                <Animated animationIn="fadeInLeftBig">
                    <Tweet options=width: '550' tweetId=tweet.id_str></Tweet>
                </Animated>
                )
            )  
            </div>  
    

然而，在检查 Tweet 元素时，对象道具似乎改变了“最大宽度样式”。

我正在尝试将“宽度”更改为右侧。像这样改变css没有用。

【问题讨论】：

看起来像是 <Tweet/> 组件的问题。

【参考方案1】：

将 Tweet 组件包装在 div 中并设置 div 的宽度有效。