摘要:
生命周期函数其实是控制组件各个阶段所触发的事件,以下是常见的几种生命周期函数: 组件生命周期函数执行流程大致可以这样区分: 一般来说,componentDidMount方法里面放置dom操作和请求数据的代码。 阅读全文
摘要:
非约束性组件: <input type="text" defaultValue="a" /> 这里面的defaultvalue其实就是原生DOM中的value属性,这样写出来的组件,其value值就是用户输入的内容,react完全不管理输入过程。 约束性组件: <input value={this. 阅读全文
摘要:
1 事件对象 react中点击一个按钮,然后调用一个方法,在这个方法定义时如果定义一个参数event,此时的这个event就是事件对象,我们可以通过在控制台输出它来查看,如图: 此对象有一个target属性,我们可以获取它来获取到此时点击的这个dom节点,如图: 进而,可以通过getAttribut 阅读全文
摘要:
一、定义&执行方法、获取this.state中的数据 在react中定义方法的时候,可以在consructor()和render()平级定义方法,它们之间不能用逗号进行分割,如下所示: 上述定义的就是一个hello方法,向页面输出一段字母。 如果我们定义一个方法去获取this.state中的msg的 阅读全文
摘要:
在react中我们可以实现数据的绑定。可以绑定组件的属性数据、样式数据等,通过绑定后它们的显示效果和之前直接写在代码中相比并无差异,只是实现了代码和数据的分离,如下图: 下面来看一下具体的实现方式。 一、绑定数据 1 绑定数据 绑定的数据我们一般要放在构造函数中,如下: 通过this.state定义 阅读全文
摘要:
创建好一个react应用程序后,我们就需要创建组件并且使用组件,其实react开发本身就是创建组件、使用组件的过程。下面来看一下示例: 上图中的html页面上总共有三个组件:根组件、Home组件和列表组件,下面就具体聊聊该怎么创建这些组件以及如何使用它们。 创建组件: 1 我们修改一下默认创建的re 阅读全文