前端歌谣 - 博客园

摘要： 1常见类型:Array，bool,func，number,object，string 2React:element 3必填项:isRequred 4特定结构的想:shape({}) //导入reactimport React from 'react'impor... 阅读全文

posted @ 2022-05-06 21:46 前端歌谣阅读(10) 评论(0) 推荐(0)

摘要：对于组件来说 props是外来的无法保证使用者传入什么格式的数据传入的数据格式不对可能会导致组件内部报错关键问题:不知道报错的具体原因 1安装包props-types 2导入props-types 3组件名.propTypes={}添加规则 //导入r... 阅读全文

posted @ 2022-05-06 21:46 前端歌谣阅读(6) 评论(0) 推荐(0)

摘要： children属性表示组件标签的子节点当组件标签有子节点是 props就会有该属性 props中的组件可以是任意属性都是可以渲染的 //导入reactimport React from 'react'import ReactDOM from 'reac... 阅读全文

posted @ 2022-05-06 21:46 前端歌谣阅读(12) 评论(0) 推荐(0)

摘要： app组件要传递给child组件该如何处理更好的姿势跨组件传递数据 Provider 用来提供数据 Consumer用来消费数据 1调用React.createContext() 创建provider和comsumer消费两个组件 const {Prov... 阅读全文

posted @ 2022-05-06 21:46 前端歌谣阅读(7) 评论(0) 推荐(0)

摘要：共享状态提升到最近的公共父组件中由公共父组件管理这个状态状态提升提供共享状态或者操作状态的方法 //导入reactimport React from 'react'import ReactDOM from 'react-dom'//导入组件// 约定1：... 阅读全文

posted @ 2022-05-06 21:46 前端歌谣阅读(17) 评论(0) 推荐(0)

摘要：思路：利用回调函数父组件提供回调子组件调用将要传递的数据作为回调函数的参数 //导入reactimport React from 'react'import ReactDOM from 'react-dom'//导入组件// 约定1：类组件必须以大写字母... 阅读全文

posted @ 2022-05-06 21:46 前端歌谣阅读(20) 评论(0) 推荐(0)

摘要： 1父组件提供要传递的state数据 2给子组件标签添加属性值为state中的数据 3子组件通过props获取父组件传递的数据 //导入reactimport React from 'react'import ReactDOM from 'react-dom'... 阅读全文

posted @ 2022-05-06 21:46 前端歌谣阅读(15) 评论(0) 推荐(0)

摘要：特点 1可以给组件传递任意类型的数据 2props是只读的对象只能读取属性的值无法修改对象 3注意:使用类组件时如果写了构造函数应该将props传递给super() 否则无法在构造函数中获取到props //导入reactimport React ... 阅读全文

posted @ 2022-05-06 21:46 前端歌谣阅读(24) 评论(0) 推荐(0)

摘要：组件是封闭的要接受外部数据应该通过props来实现 props的作用:接受传递给组件的数据传递数据:给组件标签添加属性接收数据:函数组件通过参数props接收数据类组件通过this.props接受数据函数组件 //导入reactimport Reac... 阅读全文

posted @ 2022-05-06 21:46 前端歌谣阅读(19) 评论(0) 推荐(0)

摘要：组件是独立且封闭的单元 ,默认情况下，只能使用组件自己的数据。在组件化过程中，我们将一个完整的功能中拆分成为多个组件，以更好的完成整个应用的功能。而在这个过程中，多个组件之间不可避免的要共享某些数据。为了实现这些功能，就需要打破组件的独立封闭性，让其与外界沟通... 阅读全文

posted @ 2022-05-06 21:46 前端歌谣阅读(23) 评论(0) 推荐(0)

导航