お疲れ様です。
react helmetというライブラリを使って、React製のSPAの各ページにOGタグを適用させたいと考えています。ドキュメントにあるように、付与してみたのですが、index.html
側に書かれている方が採用されてしまっており、うまくいっていないように思います。
react helmet:https://github.com/nfl/react-helmet
開発環境:
react 16.5.2
react helmet 5.2.0
type script
helmetを適用させたいコンポーネント
JavaScript
1import * as React from 'react' 2import { Helmet } from 'react-helmet' 3・・・ 4class Home extends React.Component<Props> { 5 render() { 6 return ( 7 <div> 8 <Helmet 9 title={'ホーム|サイトタイトル'} 10 meta={[{ property: 'og:title', content: 'ホーム|サイトタイトル' }]} 11 /> 12 <Header /> 13・・・ 14export default Home;
ルーティング
JavaScript
1import * as React from 'react' 2import { Route, Switch } from 'react-router-dom' 3import Home from 'components/Home/Home' 4・・・ 5export const HOME_PATH = '/' 6・・・ 7const Routes = (props: any) => ( 8 <Switch> 9 <Route exact path={HOME_PATH} component={Home} /> 10・・・ 11 </Switch> 12) 13・・・ 14export default Routes
App.js
JavaScript
1import * as React from 'react' 2import { BrowserRouter as Router } from 'react-router-dom' 3import Routes from '/Routes' 4・・・ 5export default class App extends React.Component<{}> { 6 router: any 7 return ( 8 <Router /> 9 ) 10 } 11} 12・・・
その他、なにか加えなければいけない要素があるのでしょうか。
ドキュメントを見ているとこれで問題ないようにも思えるのですが、どうぞよろしくお願いいたします。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。