Googleカスタム検索エンジン - ReactJSを使用

Question

ReactアプリケーションでGoogleカスタム検索エンジンを使用したいと思います。しかし、私はそれを適用する問題があります。

私はコードが

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

ですが、私が反応で使用することができますJSXにそれを変更する方法が分からない、Googleのウェブサイトでチェック。

誰でも手助けできますか？ありがとう。

Answer 1

何も変更する必要はありません。直接実行することができます。例については

：

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

しかし、実際には、Googleから得たコードをチェックすると、スクリプトタグを追加するだけです。手動で追加することもできます。

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