cry

在一个典型的 React 应用中，数据是通过 props 属性自上而下（由父及子）进行传递的，实现如下 import React, { Component } from 'react'; function ThemeBtn(props) { return ( <div>{props.theme.name}</div> ) } function ToolBar(props) { return <ThemeBtn {...props}></The

先看非装饰器写法 下面这种链式调用写起来很麻烦，调用层级多的话，代码阅读性也会很差，ES7的装饰器语法可以解决这个问题 import React from 'react'; const CompOne = Comp => { return props => { return <Comp {...props} attrOne='comp1'></Comp> } } const CompTwo = Comp => { return props

高阶组件本质上是一个函数，这个函数一定是接收一个组件，加工后，返回一个新组件 上代码 Test.js import React, { Component } from 'react'; class Test extends Component { constructor(props) { super(props); this.state = {}; } render() { return ( <div> <p>{t.

CartList.js import React, { Component, PureComponent } from 'react'; class CartList extends Component { constructor(props) { super(props); this.state = { goods: [] } } componentDidMount() { setInter

非按需加载 // App.js import { Button } from 'antd'; // App.css @import '~antd/dist/antd.css'; 按需加载 去掉 App.css 中的 @import ‘~antd/dist/antd.css’; 安装依赖 yarn add babel-plugin-import react-app-rewired customize-cra 在项目根目录创建一个 config-overrides.js 用于修改默认配置。类似于vu

项目结构 代码 index.html &amp;lt;!DOCTYPE html&amp;gt; &amp;lt;html lang=&quot;en&quot;&amp;gt; &amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt; &amp;lt;meta name=&quot;viewport