352328759的博客

在 react 中使用 ref 是件挺麻烦的事, 首先要声明一个变量 _ref, 再把变量带到目标节点的 ref 属性中, 用箭头函数声明个临时变量 i, 并把这个临时变量 i 传给 _ref// 不完整代码...let refElement...<div ref={i => refElement = i}></div>...React.createRef() 方法可以简化这个步骤// 不完整代码...let refElement2 = React.cre

最近学习了 react + redux, 感觉比较迷糊, 为了验证学习成果, 特意写下这篇笔记redux 的特性react 与 redux 没有关系, 是两个独立的技术, 要把两者关联起来, 需要用到 react-redux(react-redux 本身也是独立的技术)store用 redux.createStore 方法创建 store, 这个 store 可以用于 react-redux 的 Providerlet store = createStore(reducers, "初始

component.forceUpdate() 一个不常用的生命周期方法, 它的作用就是强制刷新官网解释如下默认情况下，当组件的 state 或 props 发生变化时，组件将重新渲染。如果 render() 方法依赖于其他数据，则可以调用 forceUpdate() 强制让组件重新渲染。调用 forceUpdate() 将致使组件调用 render() 方法，此操作会跳过该组件的 shouldComponentUpdate()。但其子组件会触发正常的生命周期方法，包括 shouldComponen

Context即上下文, 设置后在一定范围内, 子组件可以调用根组件数据import React from "react";import { render } from "react-dom";// 创建一个 上下文(Context) 对象// "light" 是默认值(好像并没什么卵用)const ThemeContext = React.createContext("light");// 设置别名, 在开发者工具[react developer tools]中, 以别名显示Theme

今天发现了一个,在 无状态函数式组件 中很精妙的 ref 引用方法其中用到了 React.useStateconst useState = React.useState// 结合 useState 的用法const Name1 = () => { const [refName, setRefName] = useState(null); const click1 = str => { console.log(refName) } return ( <>