在您的应用中创建导览-源码
React Joyride 为您的应用创建精彩的游览！
向新用户展示您的应用或解释新功能的功能。
它使用 react-floater 进行定位和造型。
您也可以使用自己的组件！
在此处查看演示（或代码和框示例）阅读文档 在我们的 Spectrum 社区中讨论它 设置 npm i react-joyride 入门 从 'react-joyride' 导入 Joyride；
export class App extends React.Component { state = { steps: [ { target: '.my-first-step', content: 'This is my awesome feature!', }, { target: '.my-other-step' , content: '这是另一个很棒的功能！', }, ... ] };
渲染（）{ const {步骤} = this.state;
返回 （
文件下载
资源详情
[{"title":"（ 79 个子文件 224KB ） 在您的应用中创建导览-源码","children":[{"title":"react-joyride-master","children":[{"title":".gitignore <span style='color:#111;'> 41B </span>","children":null,"spread":false},{"title":".babelrc <span style='color:#111;'> 1.31KB </span>","children":null,"spread":false},{"title":".codesandbox","children":[{"title":"ci.json <span style='color:#111;'> 27B </span>","children":null,"spread":false}],"spread":true},{"title":".codeclimate.yml <span style='color:#111;'> 510B </span>","children":null,"spread":false},{"title":".flowconfig <span style='color:#111;'> 139B </span>","children":null,"spread":false},{"title":".eslintrc <span style='color:#111;'> 5.63KB </span>","children":null,"spread":false},{"title":"package.json <span style='color:#111;'> 4.93KB </span>","children":null,"spread":false},{"title":"package-lock.json <span style='color:#111;'> 685.65KB </span>","children":null,"spread":false},{"title":"src","children":[{"title":"components","children":[{"title":"Portal.js <span style='color:#111;'> 1.45KB </span>","children":null,"spread":false},{"title":"index.js <span style='color:#111;'> 11.16KB </span>","children":null,"spread":false},{"title":"Overlay.js <span style='color:#111;'> 6.65KB </span>","children":null,"spread":false},{"title":"Spotlight.js <span style='color:#111;'> 303B </span>","children":null,"spread":false},{"title":"Tooltip","children":[{"title":"Container.js <span style='color:#111;'> 2.83KB </span>","children":null,"spread":false},{"title":"index.js <span style='color:#111;'> 3.04KB </span>","children":null,"spread":false},{"title":"CloseBtn.js <span style='color:#111;'> 1.68KB </span>","children":null,"spread":false}],"spread":false},{"title":"Step.js <span style='color:#111;'> 8.25KB </span>","children":null,"spread":false},{"title":"Beacon.js <span style='color:#111;'> 2.72KB </span>","children":null,"spread":false}],"spread":true},{"title":"index.js <span style='color:#111;'> 294B </span>","children":null,"spread":false},{"title":"config","children":[{"title":"defaults.js <span style='color:#111;'> 426B </span>","children":null,"spread":false}],"spread":true},{"title":"constants","children":[{"title":"status.js <span style='color:#111;'> 182B </span>","children":null,"spread":false},{"title":"index.js <span style='color:#111;'> 192B </span>","children":null,"spread":false},{"title":"actions.js <span style='color:#111;'> 186B </span>","children":null,"spread":false},{"title":"lifecycle.js <span style='color:#111;'> 138B </span>","children":null,"spread":false},{"title":"events.js <span style='color:#111;'> 266B </span>","children":null,"spread":false}],"spread":true},{"title":"styles.js <span style='color:#111;'> 3.98KB </span>","children":null,"spread":false},{"title":"modules","children":[{"title":"helpers.js <span style='color:#111;'> 5.60KB </span>","children":null,"spread":false},{"title":"store.js <span style='color:#111;'> 6.50KB </span>","children":null,"spread":false},{"title":"dom.js <span style='color:#111;'> 7.06KB </span>","children":null,"spread":false},{"title":"step.js <span style='color:#111;'> 3.13KB </span>","children":null,"spread":false},{"title":"scope.js <span style='color:#111;'> 3.12KB </span>","children":null,"spread":false},{"title":"propTypes.js <span style='color:#111;'> 1.84KB </span>","children":null,"spread":false}],"spread":false}],"spread":true},{"title":".travis.yml <span style='color:#111;'> 386B </span>","children":null,"spread":false},{"title":"jest.config.js <span style='color:#111;'> 971B </span>","children":null,"spread":false},{"title":"CONTRIBUTING.md <span style='color:#111;'> 1.20KB </span>","children":null,"spread":false},{"title":"LICENSE <span style='color:#111;'> 1.04KB </span>","children":null,"spread":false},{"title":"types","children":[{"title":"tslint.json <span style='color:#111;'> 224B </span>","children":null,"spread":false},{"title":"tsconfig.json <span style='color:#111;'> 442B </span>","children":null,"spread":false},{"title":"index.d.ts <span style='color:#111;'> 5.25KB </span>","children":null,"spread":false}],"spread":false},{"title":".github","children":[{"title":"ISSUE_TEMPLATE","children":[{"title":"---bug-report.md <span style='color:#111;'> 597B </span>","children":null,"spread":false},{"title":"config.yml <span style='color:#111;'> 216B </span>","children":null,"spread":false}],"spread":false}],"spread":false},{"title":"rollup.config.js <span style='color:#111;'> 549B </span>","children":null,"spread":false},{"title":".prettierignore <span style='color:#111;'> 35B </span>","children":null,"spread":false},{"title":"README.md <span style='color:#111;'> 2.37KB </span>","children":null,"spread":false},{"title":"defs","children":[{"title":"globals.js <span style='color:#111;'> 2.24KB </span>","children":null,"spread":false}],"spread":false},{"title":"book.json <span style='color:#111;'> 22B </span>","children":null,"spread":false},{"title":".eslintignore <span style='color:#111;'> 11B </span>","children":null,"spread":false},{"title":"docs","children":[{"title":"accessibility.md <span style='color:#111;'> 457B </span>","children":null,"spread":false},{"title":"step.md <span style='color:#111;'> 2.18KB </span>","children":null,"spread":false},{"title":"callback.md <span style='color:#111;'> 1.94KB </span>","children":null,"spread":false},{"title":"custom-components.md <span style='color:#111;'> 2.73KB </span>","children":null,"spread":false},{"title":"props.md <span style='color:#111;'> 2.99KB </span>","children":null,"spread":false},{"title":"constants.md <span style='color:#111;'> 714B </span>","children":null,"spread":false},{"title":"migration.md <span style='color:#111;'> 1.45KB </span>","children":null,"spread":false},{"title":"README.md <span style='color:#111;'> 1.23KB </span>","children":null,"spread":false},{"title":"styling.md <span style='color:#111;'> 1.66KB </span>","children":null,"spread":false},{"title":"SUMMARY.md <span style='color:#111;'> 270B </span>","children":null,"spread":false}],"spread":false},{"title":"test","children":[{"title":".eslintrc <span style='color:#111;'> 362B </span>","children":null,"spread":false},{"title":"tours","children":[{"title":"no-dom.spec.js <span style='color:#111;'> 751B </span>","children":null,"spread":false},{"title":"skipped.spec.js <span style='color:#111;'> 3.85KB </span>","children":null,"spread":false},{"title":"standard.spec.js <span style='color:#111;'> 9.70KB </span>","children":null,"spread":false},{"title":"controlled.spec.js <span style='color:#111;'> 9.32KB </span>","children":null,"spread":false},{"title":"__snapshots__","children":[{"title":"controlled.spec.js.snap <span style='color:#111;'> 2.56KB </span>","children":null,"spread":false},{"title":"skipped.spec.js.snap <span style='color:#111;'> 858B </span>","children":null,"spread":false},{"title":"no-dom.spec.js.snap <span style='color:#111;'> 240B </span>","children":null,"spread":false},{"title":"standard.spec.js.snap <span style='color:#111;'> 2.51KB </span>","children":null,"spread":false}],"spread":false}],"spread":false},{"title":"__setup__","children":[{"title":"setupTests.js <span style='color:#111;'> 86B </span>","children":null,"spread":false},{"title":"styleMock.js <span style='color:#111;'> 88B </span>","children":null,"spread":false},{"title":"setupFiles.js <span style='color:#111;'> 784B </span>","children":null,"spread":false},{"title":"fileMock.js <span style='color:#111;'> 130B </span>","children":null,"spread":false}],"spread":false},{"title":"__fixtures__","children":[{"title":"steps.js <span style='color:#111;'> 1.60KB </span>","children":null,"spread":false},{"title":"Controlled.js <span style='color:#111;'> 3.66KB </span>","children":null,"spread":false},{"title":"Standard.js <span style='color:#111;'> 3.14KB </span>","children":null,"spread":false},{"title":"Tooltip.js <span style='color:#111;'> 1.43KB </span>","children":null,"spread":false}],"spread":false},{"title":"modules","children":[{"title":"store.spec.js <span style='color:#111;'> 4.86KB </span>","children":null,"spread":false},{"title":"__snapshots__","children":[{"title":"store.spec.js.snap <span style='color:#111;'> 5.90KB </span>","children":null,"spread":false}],"spread":false},{"title":"helpers.spec.js <span style='color:#111;'> 9.96KB </span>","children":null,"spread":false},{"title":"scope.spec.js <span style='color:#111;'> 7.64KB </span>","children":null,"spread":false}],"spread":false}],"spread":false},{"title":".editorconfig <span style='color:#111;'> 276B </span>","children":null,"spread":false},{"title":".prettierrc <span style='color:#111;'> 130B </span>","children":null,"spread":false}],"spread":false}],"spread":true}]
评论信息
其他资源
- ISO 27002-2013 中英文对照版.pdf
- java 替换图片颜色 修改PNG图片颜色
- Unix & Linux大学教程 中文版 pdf
- 计算机编译原理（文法压缩）
- 软件工程课程设计（学生信息管理系统）
- 波束形成 MATLAB 实现
- Android记账本
- Sams Teach Yourself C++ in One Hour a Day (8th Edition).
- SAP程序设计（黄佳）清晰版
- 宏电DTU的DDP协议GPRS DSC中心源代码DEMO SDK
- JDBC线程安全的Druid数据库连接池工具类
- asp.net 学生管理系统
- 安卓音乐播放器.zip
- VC6 绿色独立版
- 自定义无限滑动日历（CalendarApplication）
- 基于java springboot银行卡业务系统的设计与实现（B/S模式含数据库和源码）
- C++程序设计经典300例
- service-fabric-cli：Service Fabric CLI工具-源码
- java环境准备2.0.rar
- redis集群原理-搭建-验证-负载均衡-扩缩容及及应用程序调用.docx
- 基于protues仿真的数字电子秤
- qt 中英文切换
- 图书管理系统（ssh）
- More Effective C++.pdf 高清 目录
免责申明
【只为小站】的资源来自网友分享，仅供学习研究，请务必在下载后24小时内给予删除，不得用于其他任何用途，否则后果自负。基于互联网的特殊性，【只为小站】 无法对用户传输的作品、信息、内容的权属或合法性、合规性、真实性、科学性、完整权、有效性等进行实质审查；无论 【只为小站】 经营者是否已进行审查，用户均应自行承担因其传输的作品、信息、内容而可能或已经产生的侵权或权属纠纷等法律责任。
本站所有资源不代表本站的观点或立场，基于网友分享，根据中国法律《信息网络传播权保护条例》第二十二条之规定，若资源存在侵权或相关问题请联系本站客服人员，zhiweidada#qq.com，请把#换成@，本站将给予最大的支持与配合，做到及时反馈和处理。关于更多版权及免责申明参见 版权及免责申明
本站所有资源不代表本站的观点或立场，基于网友分享，根据中国法律《信息网络传播权保护条例》第二十二条之规定，若资源存在侵权或相关问题请联系本站客服人员，zhiweidada#qq.com，请把#换成@，本站将给予最大的支持与配合，做到及时反馈和处理。关于更多版权及免责申明参见 版权及免责申明