Javascript 创建通用组件

我们正试图为我们的设计师和开发人员创建一个通用的UI组件库。换句话说，我们希望将组件库呈现给

react dom

和

react sketchapp

我们希望指定一次结构、一次样式和一次行为

我们可以通过

react primitives

或

样式化组件/原语

这样的项目（至少有点）实现这一点，但这种方法基本上阻止了我们在HTML中使用任何语义。当您只需要处理

文本时，您无法真正指定该文本是
还是

以前人们是如何以这种方式处理共享代码的？我们如何基本上将HTML（通过JSX）呈现为草图？
您可以通过创建多个针对不同平台的文件来创建自己的原语

例如，如果您想为
h1
创建一个原语，您需要创建一个名为
h1.web.js

const H1 = (props) => <h1 {...props} />

const H1 = (props) => <Text {...props} />

（还可以指定一种默认样式，以匹配您在web上可以找到的样式）

当您
const H1=require（'./H1'）
时，
skpm
将。然后，您必须修改您的网页包（或您正在使用的任何捆绑程序）配置，以优先选择
h1.web.js
。
您可以在我创建的样板项目中找到针对ReactJs、React Native和React Sketchapp的单个项目的示例-。查看演示，您会发现一些创建目标无关和特定代码的有限示例。