np918的博客

简介 React发明了JSX，利用HTML语法来创建虚拟DOM。React的和新机制之一就是可以在内存中创建虚拟的DOM元素。以此来减少对实际DOM的操作从而提升性能。JSX即Javascript XML，它是对JavaScript语法扩展。React使用JSX来替代常规的JavaScript。也可以认为JSX就是JavaScript。当遇到<,jsx就当HTML解析，遇到{就当JavaSc...

React合成事件理解 如果DOM上绑定了过多的事件处理函数，整个页面响应以及内存占用可能都会受到影响。React为了避免这类DOM事件滥用，同时屏蔽底层不同浏览器之间的事件系统差异，实现了一个中间层——SyntheticEvent。 1.当用户在为onClick添加函数时，React并没有将Click事件绑定在DOM上面。 2.而是在document处监听所有支持的事件，当事件发生并冒泡到doc...

在做react项目时，有时候需要将后台传过来的html的字符串变成真正的结构渲染到页面，如果直接插入的话页面显示的就是这段字符串，而不会进行转义，可以用以下方法插入，便可以html的形式展现： 实际用法： <div className=“detailImgWrap” dangerouslySetInnerHTML={{ __html:goodsDetailData.skuList[0].st...

受控组件就是为某个form表单组件添加value属性。 形式如下： render:function(){ return <input type="text" value="Hello!" /> } 添加了value属性的表单组件元素其内部是不会维护自己状态state，组件的value值一旦设置某个具体值就始终是这个值，所以需要调用者来控制组件value的改变。 这种写法会带来...