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.jsimport React, { Component } from 'react';class Test extends Component { constructor(props) { super(props); this.state = {}; } render() { return ( <div> <p>{t.

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

非按需加载// App.jsimport { 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