children实现插槽 有多个的化,children就算数组 只有一个的话,就直接用children 如果只想让别人传一个的化,就给children添加属性。 这样传多个的...
children实现插槽 有多个的化,children就算数组 只有一个的话,就直接用children 如果只想让别人传一个的化,就给children添加属性。 这样传多个的...
1.父传子 2.propTypes import PropTypes from 'prop-types'这个以前是在React包里面的,现在单独做了一个抽离。为什么要进行抽离...
在render函数里面,每使用一次 先经过babel,进行React.createElment的包裹,然后被react和react-dom执行。createElement函数...
1. 组件化思想的应用: 有了组件化的思想,我们在之后的开发中就要充分的利用它。 尽可能的将页面拆分成一个个小的、可复用的组件。 这样让我们的代码更加方便组织和管理,并且扩展...
babel每遇到一个标签(div,span之类的html标签,或者是组件名字 ),就会将里面它转换成React.createElement()这个函数的调用。 React.c...
列表渲染
条件渲染 还有一个可选链。
要获取event对象的化如果不使用this,直接绑定函数就可以了。 绑定不绑定this和传递event没有关系。event是默认参数传递过来的。 掌握1:如果要使用this,...
jsx事件绑定-this的三种绑定方式 1.bind2.使用箭头函数3.使用回调函数 第一种 默认绑定,就算直接执行函数,在严格模式下是undefined的。默认情况下,在e...
什么是jsx JSX其实是嵌入到JavaScript中的一种结构语法; babel会将 转换成React.createElement,这个React.createEleme...
react中不可变数据值得是books和friend里面的数据是不能动的,不能去直接改变它。要改变的化,就换一个数据赋值给books或者friend。不能直接去修改books...
多个组件有相同的逻辑的时候,可以把他抽取到一个独立的hook里面。自定义hook的本质就是函数代码的抽取,他本身不算是react的特性。自定义hook的要求是函数的名字必须以...
◼ useLayoutEffect看起来和useEffect非常的相似,事实上他们也只有一点区别而已: useEffect会在渲染的内容更新到DOM上,把该显示的都显示到页...
担心,把整个input绑定给父组件,担心父组件做一些不好的操作,随意修改我的值之类的。我们想给父组件一些权限,比如只能获取子组件的值,只能获取焦点之类的,不能修改我的内容 ◼...
useRef返回一个ref对象,这个helloWorld不论被执行多少次,这个ref返回的都是同一个对象。两种用法:1.引用DOM这种用法和createRef的用法一样。不能...
它和useCallback一样,也是返回有记忆的值。 每一次点击button, 计算结果:{calcNumTotal(50)} 就会被重新渲染,calcNumTotal函...
子组件是因为memo包裹,所以才当porps发生改变的时候渲染,如果没有memo包裹,无论props该不该变,父组件重新渲染,它都会重新渲染。我们想让count发生改变的时候...
用来做性能优化。 有两种方法写点击事件修改state第一种: setCount(count + 1)}>点我加1 第二种: 点我加1 这两种写法一样。 当点击按钮,函...
如果state中有复杂的逻辑的话 不适用useState,使用useReducer 当点击加或者减的时候,本质是派发事件,就来到reducer函数,对事件进行处理,返回一个新...
一种组件间通信方式, 常用于【祖组件】与【后代组件】间通信。a里面有b b有c,c有d。context适用于a和c,d的通信,a和b也可以用,但是用props更方便。 基本使...