react中使用intro.js

由于一位极品美女的需求,所以我开启的intro的研究,具体操作如下:

项目是react,惊喜的发现intro提供了react的插件,首先install一下

npm install intro.js-react

下载完成后请在node_modules里确认是否安装成功,然后在需要步骤引导的页面载入js和css还有 步骤用的两个必须的组件:

import { Steps, Hints } from 'intro.js-react';
import 'intro.js/introjs.css';

如果这时候你发现浏览器报错了, 发现intro.js 未加载,则需要install一下intro.js,如果你的项目没有报错,请忽略

npm install intro.js

接下来,你就可以按照他给出的例子来载入需求,还是比较简单的,例子网址如下:
intro-react实例

你可能感兴趣的:(React,intro.js)