Moteur de recherche personnalisé Google - en utilisant ReactJS

Question

Je souhaite utiliser le moteur de recherche personnalisé google dans mon application React. Mais j'ai un problème pour l'appliquer.

J'ai vérifié sur le site Google que le code est

<script> 
    (function() { 
    var cx = '008391824253360889328:j5posmpyok0'; 
    var gcse = document.createElement('script'); 
    gcse.type = 'text/javascript'; 
    gcse.async = true; 
    gcse.src = 'https://cse.google.com/cse.js?cx=' + cx; 
    var s = document.getElementsByTagName('script')[0]; 
    s.parentNode.insertBefore(gcse, s); 
    })(); 
</script> 
<gcse:search></gcse:search> 

Mais je ne sais pas comment changer dans jsx qui peut utiliser dans React.

Quelqu'un peut-il aider? Merci.

Answer 1

Vous n'avez rien à changer. Vous pouvez l'exécuter directement.

Exemple:

conponentDidMount() { 
    (function() { 
    var cx = '008391824253360889328:j5posmpyok0'; 
    var gcse = document.createElement('script'); 
    gcse.type = 'text/javascript'; 
    gcse.async = true; 
    gcse.src = 'https://cse.google.com/cse.js?cx=' + cx; 
    var s = document.getElementsByTagName('script')[0]; 
    s.parentNode.insertBefore(gcse, s); 
    })(); 
} 

Mais en fait, si vous vérifiez le code que vous avez obtenu de Google; Il suffit d'ajouter une balise de script. Vous pouvez simplement l'ajouter manuellement.

<script async="true" src="https://cse.google.com/cse.js?cx=008391824253360889328:j5posmpyok0" type="text/javascript"></script>