React是一个开源前端JavaScript库,用于构建可组合的web页面,尤其适用于单页应用程序。
React是由Facebook公司创建的。
JSX代表JavaScript XML,它是ECMAScript的类XML语法扩展。基本上,它只是为React.createElement()函数提供了语法糖,,让我们能够像HTML一样表达JavaScript和模板语法。
Element是一个普通对象,描述您希望在屏幕上展示的内容
Component是创建Element的方式
Pure Component是React中的一个组件类,它与普通组件类(React.Component)飞车类似,唯一的不同是它为你处理了shouldComponentUpdate()方法。当props或state发生变化时,PureComponent会对props和state进行浅比较。而普通组件类则不会默认比较当前props和state与下一个props和state是否相等。因此,普通组件类在shouldComponentUpdate()被调用时默认会重新渲染。在函数组件中,我们可以使用React.memo()API实现类似的功能。
当setState完成并且组件被渲染时调用回调函数。由于setState是异步的,因此回调函数用于任何后期操作。
注意:推荐使用生命周期方法,而不是这个回调函数。
SyntheticEvent合成事件是浏览器本机事件的跨浏览器包装器。它的API与浏览器的本机事件相同,包括stopPropagation()和preventDefault(),只是这些事件在所有浏览器中的工作方式相同。可以使用nativeEvent属性直接从合成事件访问本机事件。
function BookStore() {handleTitleChange(e) {console.log('The new title is:', e.target.value);// 'e' represents synthetic eventconst nativeEvent = e.nativeEvent;console.log(nativeEvent);e.stopPropogation();e.preventDefault();}return handleTitleChange} />
}
上一篇:【C++】const