如何在 React 中防止带有 TypeWriter 效果的新行?

Posted

技术标签:

【中文标题】如何在 React 中防止带有 TypeWriter 效果的新行?【英文标题】:How to prevent new line with TypeWriter effect in React? 【发布时间】:2021-12-25 10:25:41 【问题描述】:

TypeWriter 效果在我实现时似乎插入了一个新行,但我真的希望它在同一行上读出。 见附件

请告知我如何在同一行中获得此信息?谢谢

<h3>
import Typewriter from 'typewriter-effect';
....

               I'm a city based <Typewriter options= strings: ['Software Engineer'],autoStart: true,loop: true,/>  
               description
            </h3>

【问题讨论】:

你用的是什么 CSS 【参考方案1】:

您可以使用display: inline-block;display: inline 添加css 规则;

【讨论】:

以上是关于如何在 React 中防止带有 TypeWriter 效果的新行?的主要内容,如果未能解决你的问题,请参考以下文章

如何防止扩展的 React-Table 行在重新渲染时折叠?

React:如何防止在`map`中重新渲染子组件?

pyautogui 文档:键盘控制

如何在 React 状态数组中不包含重复值,如何防止数组中的值重复?

在 React 中,如何防止组件的 CSS 导入应用到整个应用程序?

如何防止在我的 Next/React 项目中使用 iPhone 上的 AirPlay