- 博客(8)
- 收藏
- 关注
RSS订阅原创 React-路由进阶
默认情况下，必须是经过路由匹配渲染的组件才存在this.props，才拥有路由参数，才能使用编程式导航的写法，才能执行this.props.history.push('/uri')跳转到对应路由的页面。当children的值是一个函数时，无论当前地址和path路径匹不匹配，都将会执行children对应的函数，当children的值为一个组件时，当前地址和path不匹配时，路由组件不渲染。若其放在渲染内容的最前面，相应的显示也会在最开始。注意：在404路由的位置，不需要给定具体的路由匹配规则，不给。
2024-01-08 17:29:42
2245
19
原创 React-Hoc高阶组件与css-in-js技术
CSS-in-JS是一种技术，而不是一个具体的库实现。简单来说CSS-in-JS就是将应用的CSS样式写在JavaScript文件里面，而不是独立为一些css，scss或less之类的文件，这样你就可以在CSS中使用一些属于JS的诸如模块声明，变量定义，函数调用和条件判断等语言特性来提供灵活的可扩展的样式定义。CSS-in-JS在React社区的热度是最高的，这是因为React本身不会管用户怎么去为组件定义样式的问题，而Vue有属于框架自己的一套定义样式的方案。
2024-01-04 17:15:20
2944
33
原创 React-生命周期基础
生命周期函数指在某一时刻组件会自动调用并执行的函数。React每个类组件都包含生命周期方法，我们可以重写这些方法，以便于在运行过程中特定的阶段执行这些方法.
2023-12-21 17:28:08
1089
原创 React-事件处理与this指向问题
这个对象和之前学习的事件对象所包含的方法和属性都基本一致，不同的是React中的事件对象并不是浏览器提供的，而是它自己内部所构建的。React元素的事件处理和DOM元素的很相似，但是有一点语法上的不同。React元素的事件绑定采用。在React里，类组件与函数组件绑定事件是差不多的，只是在类组件中绑定事件函数的时候需要用到。React中可以通过事件处理函数的参数获取到事件对象，它的事件对象叫做：合成事件，的方式来绑定一个事件，注意，这里和原生的事件是有区别的，，代表指向当前的类的引用，在函数中不需要调用。
2023-12-15 15:20:27
515
原创 React-项目构建与组件详解
React团队推荐使用create-react-app（相当于vue的vue-cli）来创建React新的单页应用项目，它提供了一个的现代构建设置。React脚手架（create-react-app）意义：脚手架是官方提供，零配置，无需手动配置繁琐的工具即可使用充分利用Webpack，Babel，ESLint等工具辅助项目开发关注业务，而不是工具配置。
2023-12-14 16:47:25
1074
1
原创 React-入门介绍
由于通过React.createElement()方法创建的React元素有一些问题：代码比较繁琐，结构不直观，无法一眼看出描述的结构，不优雅，开发时写代码很不友好。React开发需要引入多个依赖文件，其中react.js、react-dom.js这两个文件是我们创建react应用程序必须要引入的依赖文件。下载对应的react.js和react-dom.js的开发版本的js类库文件到本机中后，通过HTML的。标签，引入解析jsx语法的babel类库，注意后续的。它是类型安全的，在编译过程中就能发现错误。
2023-12-13 15:47:41
885
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人