J'essaie d'utiliser introJs avec React mais il semble ne pas fonctionner. Comment puis-je le faire fonctionner? Peux-tu me donner un exemple?Comment puis-je faire fonctionner intro j avec React?
3
A
Répondre
1
Ajouter ce qui suit à votre index.html
<link href="https://cdn.jsdelivr.net/intro.js/2.3.0/introjs.min.css" rel="stylesheet"/>
<script src="https://cdn.jsdelivr.net/intro.js/2.3.0/intro.min.js"></script>
Maintenant, appelez introJs().start()
l'intérieur componentDidMount
class App extends React.Component{
componentDidMount(){
introJs().start()
}
render(){
return <div>
<a href='http://google.com/' data-intro='Hello step one!'>one</a>
<a href='http://google.com/' data-intro='Hello step two!'>two</a>
<a href='http://google.com/' data-intro='Hello step three!'>three</a>
<a href='http://google.com/' data-intro='Hello step four!'>four</a>
</div>
}
}
ReactDOM.render(<App/>, document.getElementById('app'))
a{
margin-left: 60px;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react-dom.min.js"></script>
<link href="https://cdn.jsdelivr.net/intro.js/2.3.0/introjs.min.css" rel="stylesheet"/>
<script src="https://cdn.jsdelivr.net/intro.js/2.3.0/intro.min.js"></script>
<div id="app"></div>
Hope this helps!
+0
Merci. J'ai presque fait la même chose mais ça ne marcherait pas. Maintenant ça marche. Je vous remercie. –
Qu'est-ce que cela signifie _il ne fonctionne pas_? –
Grande bibliothèque alternative qui est entièrement intégré avec React est React Joyride https://gilbarbara.github.io/react-joyride/ – Mastergalen
Recherche quelque chose de connexe, fini de faire [cette bibliothèque] (https://github.com/elrumordelaluz/reactour –