1234Wu--前端Blog

（JavaScript XML）实际上，它只是为 React.createElement() 函数提供语法糖，为我们提供了在 JavaScript 中使用类 HTML 模板语法的能力。jsx语法最终会被babel编译成为方法,createElement方法会生成虚拟的DOM节点对象，再由函数生成真实DOM，插入到对应节点中去

umi px2rem移动端适配问题

用UMI创建React项目之后引入ant-mobile报错 找不到样式文件说： 官方给了解决方法： 如果你的项目中依赖了 @umijs/preset-react （可以在 package.json 文件中看到），那么请把它升级到最新版 如果你的项目中依赖了 @umijs/plugin-antd （可以在 package.json 文件中看到），那么请把它升级到最新版 如果你的项目中上述两个 npm 包都没有依赖，那么可以安装最新版的 @umijs/plugin-antd-mobile 插件 但是并没有

React 生命周期 1、生命周期图 react生命周期函数挂载、卸载只会执行一次，更新会执行多次。 2、生命周期的三个阶段 1）挂载时（创建） 执行时机：组件创建时（页面加载时） 执行顺序：Constructor() --> render() --> componentDidMount() 钩子函数 触发时机 作用 constructor () 创建组件时 1,初始化state； 2.为事件处理程序绑定this render () 每次组件渲染都会触发 渲染UI（

Context 通过组件树提供了一个传递数据的方法，从而避免了在每一个层级手动的传递 props 属性。 在一个典型的 React 应用中，数据是通过 props 属性由上向下（由父及子）的进行传递的，但这对于某些类型的属性而言是极其繁琐的（例如：地区偏好，UI主题），这是应用程序中许多组件都所需要的。 Context 提供了一种在组件之间共享此类值的方式，而不必通过组件树的每个层级显式地传递 props 。

React组件通信 1、props接收数据 ReactDOM.render( <App name='传递数据' age={19} color={[1,2,3]} fn={()=>{console.log('函数')}} tag={<p>段落</p>} />,document.getElementById("root") ); 函数组件：props function App(props) { function myClick(e)

React组件 1.创建组件 1）使用函数创建组件 函数名必须大写、开头必须有返回值、使用函数名作为标签名 let MyComponent = () => { return <div>myComponent</div>; }; ReactDOM.render(<MyComponent />, document.getElementById("root")); 在这里插入代码片 2）使用Class创建组件 大写字母开头、类组件要继承React.Componen

React 1.安装 npm i react react-dom 2.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元素