react
文章平均质量分 79
向日葵小班-赖东东
这个作者很懒,什么都没留下…
展开
-
React学习笔记(4)React组件进阶
组件通讯介绍 组件是封闭独立的单元,默认情况下,只能使用组件自己的数据。在组件化过程中,我们将一个完整的功能拆分成多个组件,以更好的完成整个应用的功能。在这个过程中,多个组件之间不可避免的要共享某些数据。为了实现这些功能,就需要打破组件的独立封闭性,让其与外界沟通,这个过程就是组件通讯。 组件的props 组件是封闭的,接收外部数据通过props来实现 props的作用:接收传递给组件的数据 传递数据:给组件标签添加属性 接收数据:函数组件通过参数props接收数据,类组件通过this.props接收数据原创 2021-08-16 17:01:49 · 157 阅读 · 1 评论 -
React 学习笔记(3)this指向问题与表单处理
事件绑定中的this指向 1、箭头函数 利用箭头函数自身不绑定this的特点 render()方法中的this为组件实例,可以获取到setState() render(){ //箭头函数的this并不属于箭头函数自身,指向外部环境render()方法,render()的this指向当前实例 return ( <div> <h1>计数器:{this.state.count}</h1> <button onClick = {()=>{this.onInc原创 2021-08-16 16:45:08 · 160 阅读 · 0 评论 -
2021-08-12—React学习笔记JSX与react组件
JSX的基本使用:React的核心内容 createElement()繁琐不简洁;不直观,无法一眼看出描述的结构;不优雅 JSX是Javascript XML的简写,表示在Javascript代码中写XML格式的代码 优势:声明式语法更加直观,与HTML结构相同,降低了学习成本,提高了开发效率。 使用JSX语法创建react元素 const title = <h1>Hello World!</h1> ReactDOM.render(title,document.getEl原创 2021-08-12 18:17:50 · 188 阅读 · 0 评论