2

我们可以在客户端渲染中看到 JsonLd 信息。当我们通过服务器渲染时,由于渲染然后获取数据(通过API),信息不可用。

我们尝试了以下方法,但没有任何效果:

  1. 在父级中获取数据,将数据传递给子级,然后渲染子级方法
render () {
if (!data) {
return (<div> Loading... </div>);
} else {
<childComponent />  }
  1. 如果尚未获取数据,则呈现加载器
render () {   if (!data) {
return (<div> Loading... </div>);   } else {
 <div>
    <script> {jsonld_data} </script>
  </div>    }  }
  1. 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>

我们在这里缺少什么?

4

0 回答 0