摘要:
1常见类型:Array,bool,func,number,object,string 2React:element 3必填项:isRequred 4特定结构的想:shape({}) //导入reactimport React from 'react'impor... 阅读全文
2022年5月6日
摘要:
对于组件来说 props是外来的 无法保证使用者传入什么格式的数据 传入的数据格式不对 可能会导致组件内部报错 关键问题:不知道报错的具体原因 1安装包props-types 2导入props-types 3组件名.propTypes={}添加规则 //导入r... 阅读全文
摘要:
children属性 表示组件标签的子节点 当组件标签有子节点是 props就会有该属性 props中的组件可以是任意属性 都是可以渲染的 //导入reactimport React from 'react'import ReactDOM from 'reac... 阅读全文
摘要:
app组件要传递给child组件 该如何处理 更好的姿势 跨组件传递数据 Provider 用来提供数据 Consumer用来消费数据 1调用React.createContext() 创建provider和comsumer消费两个组件 const {Prov... 阅读全文
摘要:
共享状态提升到最近的公共父组件中 由公共父组件管理这个状态 状态提升 提供共享状态或者操作状态的方法 //导入reactimport React from 'react'import ReactDOM from 'react-dom'//导入组件// 约定1:... 阅读全文
摘要:
思路:利用回调函数 父组件提供回调 子组件调用 将要传递的数据作为回调函数的参数 //导入reactimport React from 'react'import ReactDOM from 'react-dom'//导入组件// 约定1:类组件必须以大写字母... 阅读全文
摘要:
1父组件提供要传递的state数据 2给子组件标签添加属性 值为state中的数据 3子组件通过props获取父组件传递的数据 //导入reactimport React from 'react'import ReactDOM from 'react-dom'... 阅读全文
摘要:
特点 1可以给组件传递任意类型的数据 2props是只读的对象 只能读取属性的值 无法修改对象 3注意:使用类组件时 如果写了构造函数 应该将props传递给super() 否则 无法在构造函数 中获取到props //导入reactimport React ... 阅读全文
摘要:
组件是封闭的 要接受外部数据应该通过props来实现 props的作用:接受传递给组件的数据 传递数据:给组件标签添加属性 接收数据:函数组件通过参数props接收数据 类组件通过this.props接受数据 函数组件 //导入reactimport Reac... 阅读全文
摘要:
组件是独立且封闭的单元 ,默认情况下,只能使用组件自己的数据。在组件化过程中,我们将一个完整的功能中拆分成为多个组件,以更好的完成整个应用的功能。而在这个过程中,多个组件之间不可避免的要共享某些数据。为了实现这些功能,就需要打破组件的独立封闭性,让其与外界沟通... 阅读全文