• 博客园logo
  • 会员
  • 周边
  • 新闻
  • 博问
  • 闪存
  • 赞助商
  • YouClaw
    • 搜索
      所有博客
    • 搜索
      当前博客
  • 写随笔 我的博客 短消息 简洁模式
    用户头像
    我的博客 我的园子 账号设置 会员中心 简洁模式 ... 退出登录
    注册 登录
ellaha
博客园    首页    新随笔    联系   管理    订阅  订阅

随笔分类 -  React

高阶函数和函数柯里化处理React中受控组件state传值

摘要:一,高阶函数 <body> <div id="example"></div> <script type="text/babel"> class Demo extends React.Component{ state = { userName: '', password: '' } render(){ 阅读全文
posted @ 2022-01-17 14:27 ellaha 阅读(89) 评论(0) 推荐(0)
React之非受控组件和受控组件

摘要:一,非受控组件 表单中的数据在需要的时候“现用现取”(通过ref获得到节点,进而访问到value) 受控指的是受到状态state的控制 使用ref属性 <body> <div id="test"></div> <script type="text/babel"> class Demo extends 阅读全文
posted @ 2022-01-16 21:28 ellaha 阅读(73) 评论(0) 推荐(0)
React之事件处理

摘要:一,总结 1,React通过onXxx属性指定事件处理函数 React通过自定义(合成)事件,而不是使用原生DOM事件,目的为了更好的兼容性,适用于IE9及以上 React中的事件是通过事件委托方式(冒泡)处理的(委托给组件最外层的元素) 2,通过event.target得到发生事件的DOM元素对象 阅读全文
posted @ 2022-01-16 16:02 ellaha 阅读(250) 评论(0) 推荐(0)
React之三大属性Refs使用

摘要:https://juejin.cn/post/7002393166758281247 阅读全文
posted @ 2022-01-16 12:25 ellaha 阅读(30) 评论(0) 推荐(0)
函数式组件使用props

摘要:<script type="text/babel"> function Demo(props){ const {name, age, sex} = props return ( <div> <ul> <li>{name}</li> <li>{age}</li> <li>{sex}</li> </ul 阅读全文
posted @ 2022-01-09 21:50 ellaha 阅读(164) 评论(0) 推荐(0)
React引入文件的作用

摘要: 阅读全文
posted @ 2022-01-09 17:10 ellaha 阅读(29) 评论(0) 推荐(0)
React三大属性state使用(涉及this指向问题)

摘要:1,https://juejin.cn/post/7001645745594400776 类式组件中的构造器完全可以省略 若写了构造器,super必须调用 需要在构造器中通过this.props访问,那么props必须传值给super <script type="text/babel"> class 阅读全文
posted @ 2022-01-09 15:04 ellaha 阅读(102) 评论(0) 推荐(0)
函数式组件和类式组件的使用

摘要:函数式组件缺陷:丢失了自己的this 严格模式下,禁止自定义的this指向window 阅读全文
posted @ 2022-01-03 14:24 ellaha 阅读(65) 评论(0) 推荐(0)
JS基础-js语句与js表达式(react中{}必须写js表达式)

摘要: 阅读全文
posted @ 2021-12-06 20:01 ellaha 阅读(57) 评论(0) 推荐(0)
React基础-jsx语法规则

摘要:注释:ctr+shift+/ {}里的内容是写js表达式 阅读全文
posted @ 2021-12-05 22:08 ellaha 阅读(33) 评论(0) 推荐(0)
React基础1-jsx

摘要:以下代码即为js语法创建的react虚拟DOM 阅读全文
posted @ 2021-11-28 22:38 ellaha 阅读(27) 评论(0) 推荐(0)
React基础1-hello react

摘要: 阅读全文
posted @ 2021-11-28 16:58 ellaha 阅读(29) 评论(0) 推荐(0)
React环境搭建

摘要:记录下https://juejin.cn/post/6844903764432797703 在项目路径下安装: npm install redux --save npm install react-thunk --save npm install react-redux --save 阅读全文
posted @ 2021-10-13 11:09 ellaha 阅读(43) 评论(0) 推荐(0)

博客园  ©  2004-2026
浙公网安备 33010602011771号 浙ICP备2021040463号-3