1、 组件使用一个特殊的 children prop 来将他们的子组件传递到自己的渲染结果中： 这使得别的组件可以通过 JSX 嵌套，将任意组件作为子组件传递给它们 function FancyBorder(props) { return ( <div className={'FancyBorder ...
分类：
Web程序 时间：
2020-02-10 22:38:01
阅读次数：
108
学习目标 1.setState() 的说明 2.JSX 语法的转化过程 3.组件更新机制 4.组件性能优化 5.虚拟DOM和Diff 算法 ...
分类：
其他好文 时间：
2020-02-02 12:06:19
阅读次数：
61
同步自我的博客 最近梳理团队 eslint 时，在 airbnb 的配置中发现了这么一项 'react/jsx-no-target-blank': 2 官方文档的介绍大概是这样的 如果你需要用 a 标签打开一个标签页时，你会使用 target='_blank' 这个属性，此时你需要添加 rel='n ...
分类：
其他好文 时间：
2020-01-21 19:50:28
阅读次数：
57
@babel/parser Babel解析器（以前是Babylon）是Babel中使用的JavaScript解析器。 默认情况下启用了最新的ECMAScript版本（ES2017）。 评论附件。 支持JSX，Flow，Typescript。 支持实验语言建议（至少在阶段0接受任何PR ）。 学分 由 ...
分类：
其他好文 时间：
2020-01-21 10:41:42
阅读次数：
175
一、在非create-react-app创建的项目，使用JSX需要注意的问题 1.1 入门的时候，要引入Babel，并将<script>标签加上type='text/babel'的属性。 1.2 将JSX引入项目，需要安装node.js， 第1步：运行npm init -y 第2步：运行npm in ...
分类：
其他好文 时间：
2020-01-17 23:34:01
阅读次数：
190
React入门 React 是一个用于构建用户界面的 JAVASCRIPT 库。有以下特点： 1.声明式设计 ?React采用声明范式，可以轻松描述应用。 2.高效 ?React通过对DOM的模拟，最大限度地减少与DOM的交互。 3.灵活 ?React可以与已知的库或框架很好地配合。 4.JSX ? ...
分类：
其他好文 时间：
2020-01-17 19:28:02
阅读次数：
77
文章标题总算是可以正常一点了…… 通过之前的文章我们已经知道：在 React 体系中所谓的 "在 JavaScript 中编写 HTML 代码" 指的是 React 扩展了 JavaScript 的语法，也就是 JSX。JSX 语法中可以以类似 HTML 语法的方式使用 React 组件，从而编写 ...
分类：
其他好文 时间：
2020-01-16 12:22:31
阅读次数：
63
什么是PrettierPrettier是一个代码格式化工具，它可以支持JS/JSX/TS/Flow/JSON/CSS/LESS等文件格式。为什么要用Prettier用来替代lint中的一些场景，比如说分号/tab缩进/空格/引号，这些在lint工具检查出问题之后还需要手动修改，而通常这样的错误都是空格或者符号之类的，这样相对来说不太优雅，利用格式化工具自动生成省时省力。如何自定义配置Prettie
分类：
其他好文 时间：
2020-01-14 11:26:42
阅读次数：
562
vue官网API: 插槽：https://cn.vuejs.org/v2/guide/components-slots.html JSX：https://cn.vuejs.org/v2/guide/render-function.html 说明：vue版本2.6.0以上语法 一、插槽模板传值 子组件 ...
分类：
Web程序 时间：
2020-01-10 10:31:21
阅读次数：
245
自动格式化代码工具：Prettier Prettier 的优点 它可以在编辑器中使用，也可以在命令行中使用，配置非常简单。 它既能在保存代码的时候进行格式化当前文件，也能一键格式化所有的文件； 它支持 HTML/JS/JSX/TS/JSON/CSS/SCSS/LESS/VUE 等主流文件格式； 开启 ...
分类：
其他好文 时间：
2020-01-09 13:36:10
阅读次数：
63
