用于创建打字动画的 React 组件。

时间:2024-06-28 10:40:57
【文件属性】:

文件名称:用于创建打字动画的 React 组件。

文件大小:9KB

文件格式:ZIP

更新时间:2024-06-28 10:40:57

UI Animation

react-typewriter 用于动画打字文本的React组件。 安装 npm install --save react-typewriter 用法 像任何其他组件一样将子组件传递给 TypeWriter 组件。 当您希望组件开始动画时,请确保将 Typing 属性设置为 1。 从“React”导入React; 从“React打字机”导入打字机; class YourReactClass extends React.Component { render() { return ( // 传入文本。 你好,世界! ); 您还可以传入其他组件,例如锚标记和跨度。 世界 你好! 子组件可以根据需要嵌套很深。 当每个字符出现在嵌套结构的预序遍历中时,文本被输入。 文档 TypeWriter props.typing 类型:整数 默认值:0 值为 1 将导致组件类型文本从左到右直到完成。 值为 -1 将导致组件从右到左擦除文本。 props.initDelay 类型:整数默认值:1000 输入开始前的延迟(以毫秒为单位)。 props.maxDelay 类型:整数 默认值:100 每个键入令牌


【文件预览】:
react-typewriter-master
----index.html(668B)
----.eslintrc(1KB)
----ISSUE_TEMPLATE.md(132B)
----webpack.config.js(565B)
----src()
--------utils.js(4KB)
--------components()
--------index.js(78B)
----.npmignore(48B)
----LICENSE.md(1KB)
----README.md(3KB)
----.gitignore(41B)
----package.json(1KB)

网友评论