用户登录

打开 MovieDetail.js .. 在个组件的功能就是去显示单个的内容。 先修改一下请求的地址 ... 网站的基本的地址 .. 加上 /node/ .. 后面是节点内容的 id 号 .. 这里可以使用 this.props.movie.nid 来表示 .. movie 这个属性里的值是从列表视图那里传递过来的 .. 它里面的 nid 就是节点内容的 id 号 ..

后面再加上一个 ?_format 参数 .. 值是 hal_json ...

fetchData 这个方法会去请求这个地址 .. 然后把请求回来的结果放到组件的 movieDetail 这个状态里面 .. 又把 loaded 这个状态的值设置成了 true ,表示已经载入了内容 ..

我们给它里面用的这个 fetch ,再添加一个参数 .. 是一个对象 .. 里面用一个 headers .. 它的值又是一个对象 .. 在这个对象里,可以设置请求的头部信息 ..

添加一个 Accept .. 对应的值是 application/hal+json .. 设置一下接收的内容的格式 ...

在组件的 render 方法里面,我们暂时只用到了电影内容的正文 .. 这个内容的值是在 body 这个属性里面 .. 回到 POSTMAN 看一下 .. 找到 body 这个属性 ..

注意这个属性的值是一个数组 .. 数组里面是对象 .. 这个对象里的 value 属性的值就是电影内容的正文 ..

回到编辑器 .. 这个 summary 变量组织了正文内容 .. 修改一下 .. movie.body[0].value ...

后面用了一个 split 方法,它会根据内容里的换行符,把内容分成几部分,我们在每一部分内容上面都用了一个 View 包装了一个 Text ,这样可以在这些内容之间添加一些间隔 ..

Drupal 正文里的换行符是 \r\n\r\n ..

再保存一下这个文件 .. 找到一个电影项目 .. 按一下它 .. 这样会把用户带到这个电影内容的详细页面上 .. 在这个页面上现在只会显示出电影内容的正文 .. 也就是 body 字段的值 .. 你也可以在这里显示其它的东西,找到对应的属性,或者根据某个属性的值去请求新的内容,然后使用 React Native 的 View 还有 Text 组件组织一下,再添加点样式就行了 ..

显示单个内容 - 实施《 Drupal 8 与 React Native 》

统计

14696
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点