![](https://img-blog.csdnimg.cn/09ddf6f91b1f4ca6ae82b281759badf4.jpeg?x-oss-process=image/resize,m_fixed,h_224,w_224)
React
文章平均质量分 68
以实战为线索,逐步深入React开发各个环节,掌握前端常用性能体验优化思路,打造完整前端工作流,提升工程化编码能力和思维能力。
Sgf227
今天的提交只有我和上帝能看懂,昨天的提交只有上帝能看懂。
展开
-
React-个人总结八股文的背诵方案
函数式编程鼓励将计算视为数学函数的组合,通过函数的组合、高阶函数和递归等方式来表达计算逻辑。声明式编程通常使用领域特定语言(DSL)或声明式语法来表达计算逻辑,使代码更加简洁、易读和易理解。声明式编程更关注问题的本质和逻辑,而不是具体的实现细节。状态(state)是组件内部用于存储和管理数据的对象,类组件通过this.setState管理,函数组件使用useState或useReducer管理。React将状态看做一个自动机,通过状态的更新,可以重新渲染组件,并反映出新的数据状态。原创 2023-07-08 08:38:37 · 2025 阅读 · 1 评论 -
react的context和contextType
另外,使用 ContextType 需要确保组件位于 Context.Provider 的子组件树中,以确保能够获取到正确的上下文数据。如果组件未位于相应的 Context.Provider 下,this.context 的值将为上下文类型的默认值(如果提供),或者为 undefined。如果组件需要订阅多个上下文类型,或者需要在函数组件中访问上下文数据,可以使用 Context.Consumer 或 useContext 钩子函数来实现。原创 2023-07-08 00:51:49 · 1229 阅读 · 0 评论 -
如何在 React 中进行静态类型检查
PropTypes提供了一些内置的类型检查器,如string、number、bool、array、object等,还可以自定义类型检查器。使用TypeScript编写React组件,可以使用类型注解定义组件的属性和状态的类型,以及定义函数的参数和返回值类型。TypeScript可以在编译时进行类型检查,捕获潜在的类型错误,并提供智能的代码提示和自动补全功能。Flow使用类似于TypeScript的类型注解语法,可以对React组件的属性、状态和函数进行类型检查。是一种用来启用 flow 类型检查的注释。原创 2023-07-01 11:30:31 · 590 阅读 · 0 评论 -
React三种通过属性传递组件本身的方法
是因为每次父组件重新渲染时,都会调用一次函数,即使函数的返回值没有变化。这样会导致 React 认为子组件的属性发生了变化,从而触发子组件的重新渲染。直接传递 JSX 创建好的元素的方法会造成不必要的渲染,是因为每次父组件重新渲染时,都会创建一个新的 JSX 元素,即使它的内容没有变化。这样会导致 React 认为子组件的属性发生了变化,从而触发子组件的重新渲染。在上述代码中,每次 Profile 重新渲染时,都会创建一个新的 JSX 元素,每次 person 属性变化时,都会重新渲染 Avatar。原创 2023-07-01 10:39:56 · 856 阅读 · 0 评论 -
劫持react组件
我们可以定义一个高阶组件,它可以通过 props 传递一个 color prop 给原组件,让原组件的文字颜色变化。我们可以定义一个高阶组件,它可以管理原组件的 count 状态,并提供 increment 和 decrement 方法给原组件,让原组件可以更新状态。我们可以定义一个高阶组件,它可以在原组件的外面添加一个边框,修改原组件的样式,或者根据条件决定是否渲染原组件。这样,我们就得到了一个有边框的标题,一个红色字体的标题,和一个只在标题长度大于10时才显示的标题。原创 2023-06-30 11:49:26 · 532 阅读 · 1 评论 -
React项目部署
react项目部署到github原创 2022-11-19 15:14:30 · 1077 阅读 · 0 评论 -
React事件绑定
一、是什么在react应用中,事件名都是用小驼峰格式进行书写,例如onclick要改写成onClick最简单的事件绑定如下:class ShowAlert extends React.Component { showAlert() { console.log("Hi"); } render() { return <button onClick={this.showAlert}>show</button>; }}从上面可以看到,事件绑定的方原创 2022-03-24 19:12:37 · 1936 阅读 · 0 评论