RichText 富文本编辑器 何时使用 代码演示 基本使用 简单的格式化工具栏 受控 绑定数据源 自定义工具栏 API RichText RichText.RichTextViewer toolbar RichText 富文本编辑器 富文本编辑器。 何时使用 当用户需要富文本编辑输入时。 代码演示 基本使用 基...

介绍 新建Demo项目 新建Demo模块 编写config.js 编写.env 编写package.json 编写demo入口文件 启动及页面访问 介绍 此Demo项目基于Choerodon 开发，使用React 作为开发语言。 本文包括如下几个步骤： 新建Demo项目 新建Demo模块 编写config.js 编写.env 编写...

安装 icestark 在框架应用中使用 在子应用中使用 ReactDOM 渲染节点 子应用间跳转 Router 注入 basename、渲染全局 404 已有应用迁移 icestark 完全面向 react 设计，因此已有 react 应用的迁移成本很低。 安装 icestark $ npm i @ice / stark -- ...

Fragments 动机 用法 短语法 带 key 的 Fragments 在线 Demo Fragments React 中的一个常见模式是一个组件返回多个元素。Fragments 允许你将子列表分组，而无需向 DOM 添加额外节点。 render () { return ( < React . Frag...

Carousel 走马灯 何时使用 代码演示 基本 垂直 渐显 自动切换 API 方法 Carousel 走马灯 旋转木马，一组轮播的区域。 何时使用 当有一组平级的内容。 当内容空间不足时，可以用走马灯的形式进行收纳，进行轮播展现。 常用于一组图片或卡片轮播。 代码演示 基本 最简单的用法。 import ...

可复用组件 Prop 验证 Single Child 默认 Prop 值 传递 Props：捷径 Mixins ES6 Classes 无自动绑定 没有 Mixins 无状态函数 可复用组件 设计接口的时候，把通用的设计元素（按钮，表单框，布局组件等）拆成接口良好定义的可复用的组件。这样，下次开发相同界面程序时就可以写更少的代码，也...

Calendar 日历 何时使用 代码演示 基本 通知事项日历 卡片模式 选择功能 API Calendar 日历 按照日历形式展示数据的容器。 何时使用 当数据是日期或按照日期划分时，例如日程、课表、价格日历等，农历等。目前支持年/月切换。 代码演示 基本 一个通用的日历面板，支持年/月切换。 import ...

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

Tag 标签 何时使用 代码演示 基本 多彩标签 动态添加和删除 可选择 热门标签 API Tag Tag.CheckableTag Tag 标签 进行标记和分类的小标签。 何时使用 用于标记事物的属性和维度。 进行分类。 代码演示 基本 基本标签的用法，可以通过添加 closable 变为可关闭标签。可关闭标...

Testing Overview Tradeoffs Recommended Tools Learn More Testing Overview You can test React components similar to testing other JavaScript code. There are a few ways to tes...