我試圖弄清楚如何訪問 NPM 模塊中定義的型別。
TinyMCE 有一個名為“Editor”的編輯器 React 組件，它包含一個 onInit 方法，該方法接受兩個引數，一個事件和編輯器本身，也是一個編輯器型別，但與組件不同。
所以我通過執行從庫中匯入編輯器組件
import { Editor as TinyMCEEditor } from '@tinymce/tinymce-react';
我將編輯器定義如下
<TinyMCEEditor
apiKey="asdf"
onInit={(evt, editor) => onInitCallBack(evt, editor)}
...
/>
然后我嘗試定義回呼以匹配預期的型別
const onInitCallBack = (_, editor: Editor) => {
...
};
奇怪的是，當滑鼠懸停時，它能夠識別 Editor 型別，如下所示：
以及事件的型別：
但是當我嘗試定義編輯器型別時，在 onInitCallBack 上，它說它找不到名稱“編輯器”：
我需要做什么才能讓它看到 NPM 包中定義的 Editor 型別？
編輯：如果我嘗試使用 TinyMCEEditor 作為型別，則會發生這種情況：
uj5u.com熱心網友回復：
您混淆了 React 組件編輯器和 tinymce 編輯器 - 請注意它們具有相同的名稱。Surly你需要類似的東西......
import { Editor } from '@tinymce/tinymce-react';
import { Editor as TinyMCEEditor } from 'tinymce';
然后
const editorRef = useRef<TinyMCEEditor | null>(null);
和...
<Editor
onInit={(evt, editor) => editorRef.current = editor}
...
/>
雖然我可能在這里搞砸了語法......
轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/513830.html
下一篇：使用條件渲染陣列資料