Reactjs 使用react sketchapp将默认HTML和CSS呈现为草图

到目前为止，我一直在测试看起来很整洁的。 除了呈现默认的草图元素，如

文本

、

视图

、

图像

等，还可以呈现包含使用SCS样式的HTML标记的默认react组件吗

我尝试渲染以下

Hello

-组件：

import React from 'react';
import { render, Artboard, Text, View } from 'react-sketchapp';

const Hello = () => (
  <View
    name={`Hello View`}
  >
    <Text name="Hello Text">
      <span>Hello World</span>
    </Text>
  </View>
);

const Document = () => (
  <Artboard
    name="Hello Board"
  >
    <Hello />
  </Artboard>
);

export default (context) => {
  render(<Document />, context.document.currentPage());
}

从“React”导入React；
从“react sketchapp”导入{render，Artboard，Text，View}；
康斯特你好=（）=>(
你好，世界
);
常量文档=（）=>(
);
导出默认值（上下文）=>{
render（，context.document.currentPage（））；
}

但我得到了以下错误：

找不到类型“span”flexToSketchJSON的呈现程序

---

是否可以将包含html/css的默认react组件渲染为草图？

不能将html元素渲染为草图，就像不能将html元素渲染为react Native一样

React只是一种管理抽象组件树的方法。如何渲染这些组件需要由正在使用的特定渲染器定义

react sketchapp

是一种能够理解渲染到草图元素的组件的渲染器，但它不理解HTML元素，例如

div

。（React-Native包括一个渲染器，它知道如何将React-Native组件渲染到本机移动视图，是一个渲染器，它知道如何将React-Music组件渲染到音频中，等等）

React本身与HTML元素或DOM无关。

react-dom

renderer库是渲染到dom的神奇之处。如果要将HTML元素渲染为草图，则需要编写React渲染器，该渲染器知道如何将HTML元素转换为草图的文件格式。

这是可能的

尝试在React SketchApp中使用React原语。

在React SketchApp中的一些示例中，例如。

---

您可以使用导出任何HTML/CSS以绘制草图。

虽然链接很有用，但最好将相关部分复制到格式化代码块中。