240 发简信
IP属地:陕西
  • 120
    React插槽使用

    children实现插槽 有多个的化,children就算数组 只有一个的话,就直接用children 如果只想让别人传一个的化,就给children添加属性。 这样传多个的...

  • 120
    父子组件通信

    1.父传子 2.propTypes import PropTypes from 'prop-types'这个以前是在React包里面的,现在单独做了一个抽离。为什么要进行抽离...

  • 120
    React生命周期

    在render函数里面,每使用一次 先经过babel,进行React.createElment的包裹,然后被react和react-dom执行。createElement函数...

  • 120
    React组件的划分

    1. 组件化思想的应用: 有了组件化的思想,我们在之后的开发中就要充分的利用它。 尽可能的将页面拆分成一个个小的、可复用的组件。 这样让我们的代码更加方便组织和管理,并且扩展...

  • 120
    jsx(6)-本质和原理

    babel每遇到一个标签(div,span之类的html标签,或者是组件名字 ),就会将里面它转换成React.createElement()这个函数的调用。 React.c...

  • 120
  • 120
    jsx(4)-条件渲染

    条件渲染 还有一个可选链。

  • 120
    jsx(3)-event事件参数

    要获取event对象的化如果不使用this,直接绑定函数就可以了。 绑定不绑定this和传递event没有关系。event是默认参数传递过来的。 掌握1:如果要使用this,...

  • 120
    jsx(2)-绑定this的方法

    jsx事件绑定-this的三种绑定方式 1.bind2.使用箭头函数3.使用回调函数 第一种 默认绑定,就算直接执行函数,在严格模式下是undefined的。默认情况下,在e...

  • jsx(1)-介绍

    什么是jsx JSX其实是嵌入到JavaScript中的一种结构语法; babel会将 转换成React.createElement,这个React.createEleme...

  • 120
    不可变数据

    react中不可变数据值得是books和friend里面的数据是不能动的,不能去直接改变它。要改变的化,就换一个数据赋值给books或者friend。不能直接去修改books...

  • 120
    自定义hook

    多个组件有相同的逻辑的时候,可以把他抽取到一个独立的hook里面。自定义hook的本质就是函数代码的抽取,他本身不算是react的特性。自定义hook的要求是函数的名字必须以...

  • 120
    useLayoutEffect

    ◼ useLayoutEffect看起来和useEffect非常的相似,事实上他们也只有一点区别而已: useEffect会在渲染的内容更新到DOM上,把该显示的都显示到页...

  • 120
    useImperativeHandle

    担心,把整个input绑定给父组件,担心父组件做一些不好的操作,随意修改我的值之类的。我们想给父组件一些权限,比如只能获取子组件的值,只能获取焦点之类的,不能修改我的内容 ◼...

  • 120
    useRef

    useRef返回一个ref对象,这个helloWorld不论被执行多少次,这个ref返回的都是同一个对象。两种用法:1.引用DOM这种用法和createRef的用法一样。不能...

  • 120
    useMemo

    它和useCallback一样,也是返回有记忆的值。 每一次点击button, 计算结果:{calcNumTotal(50)} 就会被重新渲染,calcNumTotal函...

  • useCallback(2)

    子组件是因为memo包裹,所以才当porps发生改变的时候渲染,如果没有memo包裹,无论props该不该变,父组件重新渲染,它都会重新渲染。我们想让count发生改变的时候...

  • 120
    useCallback(1)

    用来做性能优化。 有两种方法写点击事件修改state第一种: setCount(count + 1)}>点我加1 第二种: 点我加1 这两种写法一样。 当点击按钮,函...

  • 120
    useReducer(了解)

    如果state中有复杂的逻辑的话 不适用useState,使用useReducer 当点击加或者减的时候,本质是派发事件,就来到reducer函数,对事件进行处理,返回一个新...

  • 120
    useContext

    一种组件间通信方式, 常用于【祖组件】与【后代组件】间通信。a里面有b b有c,c有d。context适用于a和c,d的通信,a和b也可以用,但是用props更方便。 基本使...