13、React、GraphQL与Apollo的应用实践

React、GraphQL与Apollo的应用实践

在前端开发中，React、GraphQL与Apollo的组合为构建高效、灵活的应用程序提供了强大的支持。下面将详细介绍如何使用这些技术实现评论功能以及搭建GraphQL服务器。

评论功能实现

要实现评论功能，可参考以下步骤：
1. 引入组件 ：创建用于获取评论列表（如 Comments ）、渲染评论列表（如 CommentList ）和渲染单个评论（如 CommentItem ）的组件，目前可先渲染示例数据。
2. 使用顶级评论组件 ：在 src/Issue/IssueItem/index.js 文件中使用顶级评论组件（如 Comments ），该组件作为容器组件负责查询评论列表。同时，添加一个切换按钮用于显示或隐藏评论。 IssueItem 组件需成为类组件或使用 recompose 库中的 withState 高阶组件。
3. 使用 Query 组件获取评论列表 ：在容器 Comments 组件中使用 React Apollo 的 Query 组件来获取评论列表，查询方式应与获取问题列表的查询类似，只需确定要获取评论的问题。
4. 处理边缘情况