懂搬砖

这样，packager 就能及时重新打包并刷新应用，从而提高开发时的性能，实现实时刷新的效果。例如，我们可以使用它来快速创建一个新的 React Native 项目，或者启动项目的开发服务器。是 Android Debug Bridge 的缩写，它是一个通用的命令行工具，用于与连接的 Android 设备或模拟器进行通信。在开发过程中，我们可以通过访问 App 内的开发菜单来进行一些调试操作，如开启调试模式、查看日志等。提供的一个命令，用于初始化一个新的 React Native 项目。

本次做后台管理系统，采用的是 AntD 框架。涉及到图片的上传，用的是AntD的upload组件。我在上一篇文章《前端AntD框架的upload组件上传图片时遇到的一些坑》中讲到：AntD 的 upload 组件有很多坑，引起了很多人的关注。折腾过的人，自然明白其中的苦楚。今天这篇文章，我们继续来研究 AntD 的 upload 组件的另一个坑。备注：使用的 antd 版本是 3.13.6。

本次做后台管理系统，采用的是 AntD 框架。涉及到图片的上传，用的是AntD的upload组件。前端做文件上传这个功能，是很有技术难度的。既然框架给我们提供好了，那就直接用呗。结果用的时候，发现 upload 组件的很多bug。下面来列举几个。备注：使用的 antd 版本是 3.13.6。

Ant Design 是基于 React 实现，开发和服务于企业级后台产品。

因此页面不会被更新，但是组件的 state 状态，却被修改了。这种情况，我们也可以这样理解：如果返回值为 false，此时只是更新了 state 里面的数值，但是并没有渲染到 DOM节点上。上方代码中，componentWillUpdate() 和 componentDidUpdate() 方法里的代码，就是我们这一段要举的例子。上面这部分的代码，和 render() 方法是并列的。：如果返回的值是 false，则不会继续执行后续的生命周期函数，而是直接退回到了 运行中 的状态。

此时，组件已经显示到了页面上，state上的数据、内存中的虚拟DOM、以及浏览器中的页面，已经完全保持一致了。此时，组件还没有被更新，在进入到这个生命周期函数的时候，内存中的虚拟DOM还是旧的，页面上的 DOM 元素也是旧的。在组件创建、到加载到页面上运行、以及组件被销毁的过程中，总是伴随着各种各样的事件，这些在组件特定时期，触发的事件统称为组件的生命周期。当这个方法执行完，组件就进入都了 运行中 的状态。组件创建阶段的生命周期函数，有一个显著的特点：创建阶段的生命周期函数，在组件的一辈子中，只执行一次。

React 只支持，把数据从 state 上传输到 页面，但是，无法自动实现数据从 页面 传输到 state 中 进行保存。在 Vue 中，可以通过 v-model 指令来实现双向数据绑定。但是，在 React 中并没有指令的概念，而且。如果是绑定readOnly，表示这个元素只读，不能被修改。React中，只支持单项数据绑定，不支持双向数据绑定。如果是绑定onChange，表示这个元素的值可以被修改，但是，要自己定义修改的逻辑。绑定readOnly的举例如下：（表示value中的数据是只读的）

<h1>绑定This并传参</h1><input type="button" value="绑定this并传参" onClick={this.changeMsg} />

Facebook 开源的一个JS库。一个用于动态构建用户界面的JS库。Vue生态：Vue + Vue-Router + Vuex + Axios + Babel + WebpackReact生态：React + React-Router + Redux + Axios + Babel + Webpack。

我们在上面的代码中，进一步修改。比如下面这种写法，因为是开启了精准匹配，所以是匹配不到的：（无法匹配）继续修改上面的代码。如果我想在 Movie 组件中显示路由中的参数，怎么做呢？如果 路由可以部分匹配成功，就会展示这个路由对应的组件。修饰符，表示这个位置匹配到的是参数。举例如下：（匹配正常）上面这种匹配方式，也是可以成功匹配到的。另外，如果要匹配参数，可以在匹配规则中，使用。这是因为：默认情况下，路由中的匹配规则，是。使用React路由之前，我们需要先安装。如果想让路由规则，进行。