摘要:
//导入reactimport React from 'react'import ReactDOM from 'react-dom'//导入组件// 约定1:类组件必须以大写字母开头// 约定2:类组件应该继承react.component父类 从中可以使用父... 阅读全文
2022年5月6日
摘要:
1渲染列表 在state定义数据 进行数据渲染 //导入reactimport React from 'react'import ReactDOM from 'react-dom'//导入组件// 约定1:类组件必须以大写字母开头// 约定2:类组件应该继承r... 阅读全文
摘要:
实现 案例的数据 渲染评论列表 有评论 没有评论 暂无评论 获取评论信息 包括评论人和受控组件 发表评论 更新评论 //导入reactimport React from 'react'import ReactDOM from 'react-dom'//导入组件... 阅读全文
摘要:
1组件的两种创建方式:函数组件和类组件 2无状态函数组件 负责静态结构展示 3有状态组件 负责更新ui 让页面动起来 4绑定事件注意this指向问题 5使用受控组件创建表单 6完全利用js语言的能够力创建组件 阅读全文
摘要:
1借助ref 使用原生dom方式获取表单元素值 2ref的作用 获取dom或者组件 使用步骤 1调用React.createRef()方法创建一个ref对象 2将创建好的ref对象添加到文本框中 3通过ref对象获取文本框的值 //导入reactimport... 阅读全文
摘要:
使用一个事件处理多个元素 1给表单元素添加name属性 名称域state相同 2根据表单元素获取对应值 3在唱歌事件处理程序中通过[name]修改对应的state //导入reactimport React from 'react'import ReactDO... 阅读全文
摘要:
使用步骤 创建Mouse组件,在组件中提供复用状态逻辑代码(1:状态 2操作状态的方法) 2将要复用的状态作为props.render(state)方法的参数 暴露到组件外部 //导入reactimport React from 'react'import R... 阅读全文
摘要:
1思路:将要复用的state和操作state的方法封装到一个组件中 如何拿到该组件复用的state 在使用组件时,添加一个值为函数的props 通过函数参数来获取 {}} 阅读全文
摘要:
如果组件中的部分功能相似或者相同,该如何处理 1处理相似的函数 2复用state 操作state的方法 3render props HOc 4两种方式不是新的api 根据编码技巧 演化为某种模式 阅读全文