基于slate.js的reactjs富文本编辑器逆向工程

Question

这一切都是从youtube上的两个slate.js演示视频开始的。

1. https://www.youtube.com/watch?v=8K-qYdOPKT4
2. https://www.youtube.com/watch?v=BMID1FbEZSk&t=3s

他的名字是安德烈·菲奥多罗夫，他在演示中展示了他的富文本编辑器是如何使用slate.js库工作的。在注释部分，他分享了一段代码片段，这是对整个代码的一瞥。我在这里开了一支沙箱笔

https://codesandbox.io/s/rvp8j5q7n

看上去他在他的项目中使用了物化技术。我是个有反应的新手.我对安德烈·菲奥多罗夫先生成功创造的美丽的UI感兴趣。但不幸的是还不能呈现这一页。如果有人能帮我渲染UI，我将不胜感激。

Answer 1

该沙箱为Slate指定了0.33.4版本。然而，在变动率为0.24.0中有以下说明：

Html、Plain和Raw序列化程序被分解为新的包。以前，您会从板岩中导入它们。但是现在您将从slate序列化程序和板岩-普通序列化程序中导入它们。被废弃的原始序列化程序现在被移除。 编辑器和占位符组件被分解为一个新的特定于反应的包。以前，您会从板岩中导入它们。但是现在您可以从‘板岩反应’中导入{ Editor }。

此外，您还需要取消对React.renderDOM(...)代码的注释，并在调用connect(...)代码之前使用一个存储和还原程序配置Redux。

Answer 2

我不是反应专家，但也许组件需要安装？

render(<MyEditor />, document.getElementById("root"));