不使用 JSX 的 React 不使用 JSX 的 React React 并不强制要求使用 JSX。当你不想在构建环境中配置有关 JSX 编译时，不在 React 中使用 JSX 会更加方便。 每个 JSX 元素只是调用 React.createElement(component, props, …children) 的语法糖。因此，使用 JS...

Props、State、Refs 与表单处理 前言 Props State 事件处理（Event Handle） Refs 与表单处理 总结 延伸阅读 Props、State、Refs 与表单处理 前言 在前面的章节中我们已经对于 React 和 JSX 有初步的认识，我们也了解到 React Component 事实上可以视为显示...

深入 JSX 为什么要用 JSX？ HTML 标签对比 React 组件 转换（Transform） 命名组件（Namespaced Components） JavaScript 表达式 属性表达式 Boolean 属性 子节点表达式 注释 深入 JSX JSX 是一个看起来很像 XML 的 JavaScript 语法扩展。Rea...

使用 JSX 使用 JavaScript 表达式 注释 HTML 转义 自定义 HTML 属性 支持的标签和属性 使用 JSX 利用 JSX 编写 DOM 结构，可以用原生的 HTML 标签，也可以直接像普通标签一样引用 React组件。这两者约定通过大小写来区分，小写的字符串 是 HTML 标签，大写开头的变量 是 React 组件。 ...

贡献流程 行为规范 人人皆可开发 语义化版本 分支管理 特性切换（Feature Flags） 漏洞 何处查找已知 issue 报告新的 issue 安全漏洞 如何联系我们 提出变更 首个 Pull Request 提交 Pull Request 贡献者许可证协议 必要条件 开发工作流程 风格指南 请求意见稿（RFC） L...

Breadcrumb 面包屑 何时使用 代码演示 基本 带有图标的 其它路由 分隔符 带下拉菜单的面包屑 带下拉菜单的面包屑 API BreadcrumbItem API menuList API 和 browserHistory 配合 Breadcrumb 面包屑 显示当前页面在系统层级结构中的位置，并能向上返回。 何...

Serving Static Files 1. Via Imports 2. Via a Directory 3. Via a CDN Absolute versus relative paths Serving Static Files It’s often useful to load static files like images a...

TypeScript React 中使用 帮助我们改善文档 TypeScript 支持扩展类型: ts , tsx TypeScript 是 JavaScript 类型化的超集，可以编译成原始的 JavaScript，支持现代的 ES2015+特性。转换 TypeScript 是开箱即用的不需要额外的配置。 <!-- index.html ...

如何(不)使用装饰器 启用装饰器 装饰器的局限性 不使用装饰器创建 observable 属性 使用装饰器创建 observable 属性 创建 observer 组件 如何(不)使用装饰器 在MobX 中使用 ES.next 装饰器是可选的。本章节将解释如何(避免)使用它们。 使用装饰器的优势: 样板文件最小化，声明式代码。 易于使...

EmailField 电子邮件输入框 何时使用 代码演示 基本使用 受控输入框 数据源 API EmailField 电子邮件输入框 电子邮件输入框。 何时使用 当用户需要输入电子邮件时。 代码演示 基本使用 基本使用。 import React from 'react' ; import Rea...