问题标签 [react-ace]

我知道在 React 中，您可以从这个出色的文档 ( https://reactjs.org/docs/add-react-to-a-website.html ) 中将组件添加到任何现有页面。但是，在该示例中，组件是从头开始构建的。我也在从头开始构建我自己的几个组件，但我也想使用来自 npm 的一些不同组件。例如，有一个叫做 react-ace ( https://www.npmjs.com/package/react-ace )。

如果一个组件在 npm 上发布（并且在 unpkg.com 上可用），是否可以像上面的 React 文档示例中那样将它添加到现有页面？我尝试添加一个脚本标签，并以此为源：https : //unpkg.com/react-ace@9.4.1/dist/react-ace.js/main.js 但这不会使 AceEditor 可用。或者，是否必须以某种方式处理组件才能使用它们？

注意：我也在探索使用 create-react-app 来构建和共享应用程序，我可能最终会这样做，但我想知道是否可以在现有页面中使用任何npm React 组件，如果可以，如何使用？

我想为使用React-Ace Editor Component的组件编写测试。我必须向这个编辑器提供参考。但它总是等于 null（null 是 ref 的默认值）。我不知道如何解决这个问题，因为我不知道带有 refs 的组件如何在测试环境中呈现。我发现解决这个问题的唯一方法是模拟 useRef 并从中返回一个假对象。但这不是我想要的。对于测试，我使用react-testing-library。

我试图让我的编辑器在用户键入“自定义”后自动完成。

到目前为止，我所做的是将 identifierRegexps 更改为[/[a-zA-Z_0-9\.\-\u00A2-\uFFFF]/] 允许我确定“。”之后的完整前缀。

我可以看到代码正在进入该editor.commands.on部分，但是“自定义”时未显示自动完成弹出窗口。是键入的。

我发现我可以做到的一种方法是添加“自定义”。到wordList数组中的所有单词，但我希望自动完成弹出窗口只显示“Method1”而不是“custom.Method1”。

所以我在使用 Ace 编辑器时遇到问题，其中某些自动完成功能使图标翻了一番

我正在创建一个自定义自动完成器，如下所示：

因此，当我推动时，completions我添加了一个“iconable”的类名。CSS 文件如下所示：

不知道为什么会这样，但如果有人之前遇到过这种情况，请告诉我！谢谢

我是 ace 新手，正在尝试使用 react-ace 构建编辑器。

这是我所做的：

1. npm install react-ace ace-builds
2. 我将以下代码添加到我的 App.js

但是我的浏览器显示此错误：ReferenceError: ace is not defined

这是我的 package.json：

你能帮我吗。谢谢！

我正在使用react-ace编辑器并使用 sql 语言模式，并尝试将表和列名作为自动完成的一部分。我发现这个https://github.com/ajaxorg/ace/wiki/How-to-enable-Autocomplete-in-the-Ace-editor使用addCompleter和一些答案这里使用setCompleters ACE Editor Autocomplete -用于添加自动完成的自定义字符串. 这两者有什么区别，如果我们需要添加表名和列名作为 SQL 自动完成的一部分，我们需要使用哪一个