青阳的博客

1方式一为手动引入实现按需加载import DatePicker from 'antd-mobile/lib/date-picker'; // 加载 JSimport 'antd-mobile/lib/date-picker/style/css'; // 加载 CSS// import 'antd-mobile/lib/date-picker/style'; // 加载 LESS2方式二为自动引入实现按需加载antd-mobile通过暴露配置 配合 babe

父组件通过props向子组件传值，子组件通过再constructor中props中获取父组件的值，如果子组件要修改父组件的值，再子组件中通过this.state={pops.list}来存下父组件的值，再通过this.setSate({})来修改state,如果需要再把值传给父组件，则通过，方法来实现：在父组件调用子组件的时候，通过prop将方法传给子组件，子组件通过调用父组件的方法来向父组件传值...

对于Redux来讲，我们都很熟悉了，是著名的 React 全家桶的一份子。但是在使用 Redux 时有个痛点：就是其 store 状态树的state并不是持久保存的，在浏览器端刷新一下数据就全没有了，得重新从后台读取。这时候，redux-persist 就显示出它的用武之地了。我们知道，本地数据库或者像 localstorage 之类的缓存系统才有可能长时间保存数据，而 redux-persist 可以让你的数据从 state 分离出来，保存到浏览器缓存中，以便实现数据的持久化缓存。既然如此，那么我

import React, { Component} from 'react'//当组件执行完componentDidMount函数后，就进入了class ParentBy extends Component { constructor() { super() this.state = { count: 4, } } setSave(){ this.setState({ ...

class Count extends Component{ constructor(){ super() // this.state={ num:2 } } setSave(){ this.setState({ num:this.state.num+1}) } render(){ return( &.

import React from 'react'// 注意： prop-types 包中职能跟单一，只提供了 一些常见的 数据类型，用于做类型校验import ReactTypes from 'prop-types'// 咱们封装组件的目的，是为了团队协作开发更加方便，有的人只负责 开发组件，有的人只负责 调用别人开发好的组件// 最好在封装组件的时候，为组件中的一些必要数据，进行类型校验export default class Counter extends React.Compon...

使用 ReactDOM 把元素渲染到页面指定的容器中：``` // ReactDOM.render('要渲染的虚拟DOM元素', '要渲染到页面上的哪个位置中') // 注意： ReactDOM.render() 方法的第二个参数，和vue不一样，不接受 "#app" 这样的字符串，而是需要传递一个 原生的 DOM 对象 ReactDOM.render(myDiv, document.getElementById('app'))```## JSX语法1. 如要要使用 JS.

// JS打包入口文件// 1. 在 React 中，需要安装 两个包 react react-dom// 1.1 react 这个包，是专门用来创建React组件、组件生命周期等这些东西的；// 1.2 react-dom 里面主要封装了和 DOM 操作相关的包，比如，要把 组件渲染到页面上import React from 'react'import ReactDOM from 'react-dom'// 2. 在 react 中，如要要创建 DOM 元素了，只能使用 React 提.