react,6.4号学习知识点

本文介绍了如何在React中安全地设置innerHTML处理后台HTML模板,保存数据到内存,利用路由控制菜单高亮,以及使用ref、事件处理、富文本编辑器和样式设置。还涉及了前端开发、路由管理、组件交互等关键概念。
摘要由CSDN通过智能技术生成

1.react 的dangerOuslySetInnerHTML属性用于后台返回的数据为html模板,

<span dangerouslySetInnertHTML={{_html,'<p>您好</p>'}}></span>

2.保存到内存中用:this.pageItem=pageNum //保存变量

3.菜单高亮选中状态通过路由后面的path,通过this.props.location来获取,判断它们是否相同来决定

4.this.isUpdate=!!product // 双非是强制转换类型为布尔值,isUpdate为true或者false

5.react的父组件调用子组件函数尅通过react.createRef()属性得到 ,给组件绑定ref属性,然后通过,this.ref.current.获取ref组件的属性,不能在函数组件上使用ref属性,因为函数组件没有实例,只有类组件才有实例。

6.字母变大写:toUpperCase()

字母变小写:toLowerCase()

7.阻止冒泡行为:event.stopPropagation(),

阻止默认行为:event.preventDefault()

8.react的富文本编辑器,通过github网站 :yarn add react-draft-wysiwyg draftjs-to-html

9.高度可以通过给它minHeight,最小高度,maxHeight最大高度

10.获得焦点:onFocus事件,失去焦点:onBlur事件,和onClick一样。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值