<h2 id="jsx">JSX介绍</h2> <h3 id="jsx_1">JSX的引入</h3> <p>如果直接让用户通过 JS 代码手动创建DOM元素，肯定是非常麻烦的。</p> <p>于是，React 官方就提出了一套 JSX 语法 ...

<h2 id="_1">解构赋值的概念</h2> <p><strong>解构赋值</strong>：ES6 允许我们，按照一一对应的方式，从数组或者对象中<strong>提取值</strong>，再将提取出来的值赋值给变量。</p> <p> ...

<h2 id="_1">前言</h2> <p>ES6 在<strong>函数扩展</strong>方面，新增了很多特性。例如：</p> <ul> <li> <p>箭头函数</p> </li> <li> <p>参数默认值</p> </li> ...

<h2 id="_1">剩余参数</h2> <p><strong>剩余参数</strong>允许我们将不确定数量的<strong>剩余的元素</strong>放到一个<strong>数组</strong>中。</p> <p>比如说，当函数的 ...

<h2 id="defaultprops-prop-types">defaultProps 和 prop-types</h2> <h3 id="defaultprops">使用 defaultProps 设置组件的默认值</h3> <p>R ...

<h2 id="_1">前言</h2> <p>我们先来看下面这段代码：</p> <p>components/MyComponent.jsx</p> <pre class="codehilite"><code class="language- ...

<h2 id="react">React路由的使用</h2> <p>使用React路由之前，我们需要先安装 <code>react-router-dom</code>这个包。比如：</p> <pre class="codehilite">< ...

<h2 id="_1">组件的生命周期</h2> <p>在组件创建、到加载到页面上运行、以及组件被销毁的过程中，总是伴随着各种各样的事件，这些在组件特定时期，触发的事件统称为组件的生命周期。</p> <h2 id="_2">生命周期的阶段< ...

<h2 id="_1">前言</h2> <p>本次做后台管理系统，采用的是 AntD 框架。涉及到图片的上传，用的是AntD的 <a href="https://ant.design/components/upload-cn/">uploa ...

<h2 id="andt">andt 的介绍</h2> <p>Ant Design 是基于 React 实现，开发和服务于企业级后台产品。</p> <h3 id="_1">支持环境</h3> <ul> <li> <p>现代浏览器和 IE9 ...