Google Benutzerdefinierte Suchmaschine - mit ReactJS

Question

Ich möchte Google benutzerdefinierte Suchmaschine in meiner React-Anwendung verwenden. Aber ich habe ein Problem, es anzuwenden.

ich in google Website wird kontrolliert, dass der Code

<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> 

ist aber ich habe keine Ahnung, wie es in jsx zu ändern, die in Reaktion verwenden kann.

Kann jemand helfen? Vielen Dank.

Answer 1

Sie müssen nichts ändern. Sie können es direkt ausführen.

Beispiel:

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); 
    })(); 
} 

Aber eigentlich, wenn Sie den Code überprüfen, die Sie von Google bekam; Es ist nur ein Skript-Tag hinzufügen. Sie können es auch manuell hinzufügen.

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