使用 ReactXP

网页版使用提示

ReactXP 假定您的主网页将有一个名为“app-container”的 DOM 元素容器。应用程序的根视图将在此容器内渲染。通常,此 DOM 元素将是一个覆盖整个页面的 <div> 元素。

原生版使用提示

主模块假定名为“RXApp”,并且必须由原生代码注册。有关如何在 Android 和 iOS 中注册模块,请参阅示例应用程序。

TypeScript 支持

ReactXP 使用 TypeScript 编写,并包含该库的 TypeScript 类型定义(“.d.ts”)文件。

TSLint 支持

ReactXP 包含几个可用于您项目的 tslint 自定义规则。

要使用这些规则,请修改您的 tslint.json 文件,使其指向 reactxp dist 目录中的规则,如下所示。

    "rulesDirectory": [
        "./node_modules/reactxp/dist/tslint"
    ]

提供了以下 tslint 规则:

grouped-import

此规则强制所有环境(非相对)模块导入都组合在一起,并位于相对导入组之上。

incorrect-this-props

此规则检查在将 props 作为输入参数传递的方法中引用 this.props 时的常见错误。

no-unreferenced-styles

此规则检测并报告 _styles 数组中任何未引用的条目。