SwordQiu

上面的代码我们使用了正常的useState方法来实现点击button后n+1操作，显而易见，当setN后，传入的n+1应当会替换掉原来的n而不是在n的基础上+1，这也符合react的设计思想，它并不希望我们创建某个值后再对他进行修改，反而更希望创建新的数据来替换掉它们。 上面的…

useState函数返回两个值，一个是初始化的数据，还有一个是设置该值的函数。它跟class组件上面的this.state是一样的。 上面的setN和setState就类似于this.setState()，不过名字可以随便写，功能是一样的。 class组件里面的生命周期。 就会…

上面的代码写了组件接收props，如果要使用，则可以直接写this.props来读，实际上不在constructor内接收参数props，貌似也不报错。 react官方不建议修改props，它所倡导的思想是此数据应该由它的主人来修改，以避免子组件改动带来的混乱。 它的作用是当p…

如果是vue的话，这样的写法当然没有问题，vue通过双向数据绑定让页面渲染与数据互相影响，当然Vue应该写成@click="add"，我们对此不用深究写法而更注重于两者间的编程思想。 上面的代码中，分别输出0、1000。 执行函数时，this的指向会根据环境的不同而改变，在执行…

create-react-app 是来自于 Facebook，通过该命令我们无需配置就能快速构建 React 开发环境。 凡是使用 JSX 的地方，都要加上 type="text/babel" 。 上面的代码将模板放到id为example的div标签内。 JSX语法为js的扩展…

概念看起来很模糊，但是用大白话说：就是用户通过某种输入（选择）等途径分发请求，这就是路由。 传统的后端路由的特点是通过url发送请求给后端服务器，然后通过服务器返回的代码渲染页面。但是这样的形式缺点也很明显，就是服务器压力较大，并且整体渲染效果受网络等因素影响，体验较差。 AJ…

表单实际上就是form包裹input、select、textarea等标签，一般来说我们会使用一个button标签，当点击button时，就会触发form提交事件。button的完整写法为 表单提交往往会有个默认刷新行为，一般我们都会使用e.preventDefault取消。 …

使用v-model，我们可以抛弃name值，当选中时，该选项的value与property值绑定。 注意，使用v-for的时候一定要记得绑定key。 我们可以使用$emit()，但是有一点不同的是，$emit()的第二个组件，是e.target.value下面不同写法的代码，我…

这对选项需要一起使用，以允许一个祖先组件向其所有子孙后代注入一个依赖，不论组件层次有多深，并在其上下游关系成立的时间里始终生效。 上面的代码中，我们传入了一个简单数据类型num，由于传值时是copy这个数据给子组件，所以这时候如果我给子组件设置修改num，不会影响到父组件的nu…