01-将第三方库与React集成

第6章　将第三方库与React集成

本章主要内容

• 向远程API发送JSON格式的表单数据
• 构建一些新类型组件，包括位置选择器、预输入和地图展示
• 将React应用与Mapbox集成来搜索位置和显示地图

我们在第5章中已经学习了React中的表单以及它的工作方式，并已添加事件处理程序来更新CreatePost组件的组件状态。在本章中，我们将在之前工作的基础上构建并增加创建新帖子的功能。我们将更多地与JSON API进行交互。上一章中这些API提供了要渲染的帖子。

通常，我们将在操作DOM的非React类库的上下文中构建应用程序。这些可能包括jQuery、jQuery插件，甚至其他前端框架。我们已经知道React为使用者管理DOM而且它可以简化开发者思考用户界面的方式。不过，有时仍然需要与DOM进行交互，并且通常是在使用DOM的第三方库的上下文中。随着我们在本章将Mapbox地图添加到Letters Social帖子中，我们将探讨使用React操作DOM的一些方法。

如何获取本章代码

和每章一样，读者可以去GitHub仓库检出源代码。如果想从头开始编写本章代码，可以使用第4章的已有代码（如果跟着编写了示例）或直接检出指定章的分支（chapter-5-6）。

记住，每个分支对应该章末尾的代码（例如，chapter-5-6对应第5章和第6章末尾的代码）。读者可以在选定目录下执行以下终端命令之一来获取当前章的代码。

如果还没有代码库，请输入下面的命令来获取：

git clone [email protected]:react-in-action/letters-social.git

如果已经克隆过代码仓库：

git checkout chapter-5-6

如果你是从其他章来到这里的，则需要确保已经安装了所有正确的依赖：

npm install