我们可以在客户端渲染中看到 JsonLd 信息。当我们通过服务器渲染时,由于渲染然后获取数据(通过API),信息不可用。
我们尝试了以下方法,但没有任何效果:
- 在父级中获取数据,将数据传递给子级,然后渲染子级方法
render () { if (!data) { return (<div> Loading... </div>); } else { <childComponent /> }
- 如果尚未获取数据,则呈现加载器
render () { if (!data) { return (<div> Loading... </div>); } else { <div> <script> {jsonld_data} </script> </div> } }
- ReactDOM.水合物
ReactDOM.hydrate( <AppContainer> <HotRootContainer store={store} history={history} /> </AppContainer>, rootEl );
渲染函数的 json-ld 数据
<Helmet> <script type="application/ld+json"> {JSON.stringify(this.structuredData)} </script> </Helmet>
我们在这里缺少什么?