反応ヘルメット サーバー側を使用しており、投稿の抜粋、画像、タイトルなど、Wordpress API からメタ タグを取得しようとしています。axios を使用して WP API にリクエストを送信しています。
React ヘルメットは機能していますが、状態を介して WP API からタグを取得しようとするたびに、再レンダリングがトグルされ、Open Graph Object Debugger で更新されません。
私が使用しているコードは次のとおりです。
constructor(props) {
this.state = { posts : [] };
}
_getPosts(){
axios.get( URL.path + URL.posts + '?slug=' + this.props.match.params.id )
.then( res => {
this.setState({ posts: res.data });
});
}
componentWillMount(){
this._getPosts();
}
render(){
return(
<Helmet>
<meta name="description" content={this.state.posts.title} />
<meta property="og:image" content){this.state.posts.featured_image} />
</Helmet>
);
}