![](https://img-blog.csdnimg.cn/20190927151101105.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
React
文章平均质量分 70
react
1234Wu
日常写bug
展开
-
前端面试-React专题
(JavaScript XML)实际上,它只是为 React.createElement() 函数提供语法糖,为我们提供了在 JavaScript 中使用类 HTML 模板语法的能力。jsx语法最终会被babel编译成为方法,createElement方法会生成虚拟的DOM节点对象,再由函数生成真实DOM,插入到对应节点中去原创 2023-05-27 21:00:33 · 1540 阅读 · 0 评论 -
umi 中使用 px2rem 插件
umi px2rem移动端适配问题原创 2022-11-01 12:14:12 · 1300 阅读 · 0 评论 -
umi Cannot find module ‘antd-mobile/es/button/style‘
用UMI创建React项目之后引入ant-mobile报错找不到样式文件说:官方给了解决方法:如果你的项目中依赖了 @umijs/preset-react (可以在 package.json 文件中看到),那么请把它升级到最新版如果你的项目中依赖了 @umijs/plugin-antd (可以在 package.json 文件中看到),那么请把它升级到最新版如果你的项目中上述两个 npm 包都没有依赖,那么可以安装最新版的 @umijs/plugin-antd-mobile 插件但是并没有原创 2022-05-03 01:29:49 · 2627 阅读 · 1 评论 -
React 生命周期
React 生命周期1、生命周期图react生命周期函数挂载、卸载只会执行一次,更新会执行多次。2、生命周期的三个阶段1)挂载时(创建)执行时机:组件创建时(页面加载时)执行顺序:Constructor() --> render() --> componentDidMount()钩子函数触发时机作用constructor ()创建组件时1,初始化state; 2.为事件处理程序绑定thisrender ()每次组件渲染都会触发渲染UI(原创 2022-01-30 23:36:26 · 1574 阅读 · 0 评论 -
React-context
Context 通过组件树提供了一个传递数据的方法,从而避免了在每一个层级手动的传递 props 属性。在一个典型的 React 应用中,数据是通过 props 属性由上向下(由父及子)的进行传递的,但这对于某些类型的属性而言是极其繁琐的(例如:地区偏好,UI主题),这是应用程序中许多组件都所需要的。 Context 提供了一种在组件之间共享此类值的方式,而不必通过组件树的每个层级显式地传递 props 。原创 2022-01-11 02:35:28 · 78 阅读 · 0 评论 -
React组件通信--props
React组件通信1、props接收数据ReactDOM.render( <App name='传递数据' age={19} color={[1,2,3]} fn={()=>{console.log('函数')}} tag={<p>段落</p>} />,document.getElementById("root"));函数组件:propsfunction App(props) { function myClick(e)原创 2021-12-30 00:01:29 · 785 阅读 · 0 评论 -
React组件基础
React组件1.创建组件1)使用函数创建组件函数名必须大写、开头必须有返回值、使用函数名作为标签名let MyComponent = () => { return <div>myComponent</div>;};ReactDOM.render(<MyComponent />, document.getElementById("root"));在这里插入代码片2)使用Class创建组件大写字母开头、类组件要继承React.Componen原创 2021-12-01 23:32:28 · 94 阅读 · 0 评论 -
React
React1.安装npm i react react-dom2.React的使用1)引入react和react-dom两个js文件<script src="./node_modules/react/umd/react.development.js"></script><script src="./node_modules/react-dom/umd/react-dom.development.js"></script>2)创建React元素原创 2021-11-16 02:12:49 · 471 阅读 · 0 评论