2018年12月15日
摘要: 在上一篇文章中总结了父子组件的数据传递,下面先来简单的回顾一下之前的内容: 此时,子组件中div里面的数据依赖于父组件传递过来的数据,那么当父组件没有给子组件传递数据时,子组件div里面就没有了数据了,这显然也不符合我们的预期,我们希望给子组件一个默认值,当父组件传递了数据过来时,就显示父组件传递的 阅读全文
posted @ 2018-12-15 23:29 紅葉 阅读(279) 评论(0) 推荐(0) 编辑
摘要: 在react中,为了解决html标签构建应用的不足,将公共的功能单独抽离成一个文件作为一个组件,在使用的地方按需引入,既然是组件彼此调用,就会涉及到父子组件的通信,下面主要来总结简单的组件通信。 1,项目准备 在开始组件通信前,先在components中新建两个文件,News.js和Header.j 阅读全文
posted @ 2018-12-15 22:53 紅葉 阅读(560) 评论(0) 推荐(0) 编辑
摘要: 常见的表单包括输入框,单选框,复选框,下拉框和多文本框,本次主要总结它们在react中如何取值。 输入框 在之前有说过输入框,可以先给input框的value绑定一个值,然后通过input框的改变事件来获取用户输入的值,并将这个值赋值给value绑定的值,就可以实现数据的双向绑定了。 单选框 单选框 阅读全文
posted @ 2018-12-15 17:32 紅葉 阅读(6890) 评论(0) 推荐(0) 编辑
摘要: 在上一篇写到模拟实现数据双向绑定的时候,使用到input的value属性,并通过onChange事件来监听这个属性值的变化,但是当我们使用了value属性却没有监听改变事件的时候,就会报错。 在警告信息中提醒我们使用defaultValue,因此,当把value换成defaultValue时,就不会 阅读全文
posted @ 2018-12-15 10:21 紅葉 阅读(467) 评论(0) 推荐(0) 编辑