2016-06-20 8 views
2

질문이 있습니다. 태그 관리를 위해 HEAD 태그를 자바 스크립트 객체에 삽입해야합니다. 이것은 내 헬멧 구성 요소이지만 rewind() 기능을 통해 메타 데이터 서버 사이드로 설정하는 특정 매개 변수 만 허용합니다.헬멧이 <HEAD> 태그에 자바 스크립트 객체를 주입 할 수 있습니까?

내가 필요로하는 것을하기 위해 React Helmet을 사용하는 방법이 있나요? SCRIPT 태그로 javascritpt 객체를 만들거나 다른 접근 방식을 따라야합니까? 나는 당신의 <Helmet/> 선언에 제대로 질문을 이해하면

MyComponent.js

<Helmet 
    title={article.get('title')} 
    meta={[ 
     {"property": "og:title", "content": article.get('title')}, 
     {"property": "og:url", "content": article.get('url')}, 

     {"property": "twitter:title", "content": article.get('title')} 
    ]} 
/> 

server.js

let htmlHead = ` 
    ${head.title} 
    ${head.meta.toString()} 
`; 

는 지원

답변

0

주셔서 감사합니다 script 속성을 추가하여 삽입 할 수 있습니다. <script> 태그를 페이지의 HTML 헤드에 삽입하십시오.

<Helmet 
    title={article.get('title')} 
    meta={[ 
     {"property": "og:title", "content": article.get('title')}, 
     {"property": "og:url", "content": article.get('url')}, 

     {"property": "twitter:title", "content": article.get('title')} 
    ]} 
    script={[ 
      {"src": "http://url.com/script.js", "type": "text/javascript"} 
    ]} 
/> 
1

난 당신이 헬멧의 script 소품에 innerHTML 속성을 사용하여, 인라인 스크립트 객체를 정의 할 수있는 자바 스크립트 객체에게 HEAD 태그에

을 주입 할 필요가 -이 속성에 도입 된 Helmet 3.0.0

<Helmet 
    script={[{ 
    type: 'text/javascript', 
    innerHTML: 'window.yourObject = { it: "works" }' 
    }]} />