随笔分类 - [05.02]-AntDesign
AntDesign
摘要:组件允许你将Ui拆分为独立可复用的代码片段,并对每个片段进行独立构思。本指南只在介绍组件的相关概念。你可以参考详细组件 API。 组件,从概念上类似与JavaScript函数。它接受任意的入参(既“props”),并返回用于描述页面展示内容的REACT元素。 函数组件与class组件 定义组件最简单
阅读全文
摘要:元素是构成REACT应用的最小砖块 元素描述了你在屏幕上想看到的内容。 const element =<h1>Hello,world</h1>; 与浏览器的DOM元素不同,REACT元素是创建开销极小的普通对象。REACT DOM会负责更新DOM来与REACT元素保持一致。 注意: 你可能会将元素与
阅读全文
摘要:JSX 简介 考虑如下变量声明: 这个有趣的标签语法既不是字符串也不是HTML。 它被称为JSX,是一个JavaScript的语法扩展。我们建议在REACT中配合使用JSX,JSX可以很好地描述UI应该呈现出它应有交互的本质形式。JSX可能会使人联想到模板语言,但它具有JavaScript的全部功能
阅读全文
摘要:React-HelloWorld 最简单的React示例如下: 它将在页面上展示一个“Hello,world!”的标题。 在 CodePen 上尝试 点击链接打开在线编辑器。随意更改内容,查看它们会怎样影响展示。本指南中的大多数页面都有像这样的可编辑的示例。 预备知识 React 是一个 JavaS
阅读全文
摘要:VUE和REACT两个JavaScript框架都是当下比较受欢迎的,他们两者之间的区别有那些,各自的优缺点是什么,本文将为你呈现。 简单介绍 除非你最近一直不关注前端的发展,不然你肯定听说过由Facebook创建的JavaScript UI框架--REACT。它支撑包括Instagram在内的大多数
阅读全文
摘要:AntDesign-React与VUE有点不一样,第一篇深入了解React的概念之一:JSX 一、什么是JSX 使用JSX声明一个变量(REACT当中的元素): JSX是一种JavaScript的语法扩展。我们推荐在REACT中使用JSX来描述用户界面,JSX乍一看起来可能比较像是模板语言,但事实上
阅读全文