Reactjs 获取功能组件中实例的引用
我正在尝试添加一个模板onClick,我正在使用ckeditor库,我想获得editor的实例,这样我就可以将它传递给其他组件并使用它的方法。但是我不知道该怎么做,我已经搜索了一段时间,但是我不能在上面写上正确的词。我使用的是功能组件Reactjs 获取功能组件中实例的引用,reactjs,ckeditor,react-functional-component,Reactjs,Ckeditor,React Functional Component,我正在尝试添加一个模板onClick,我正在使用ckeditor库,我想获得editor的实例,这样我就可以将它传递给其他组件并使用它的方法。但是我不知道该怎么做,我已经搜索了一段时间,但是我不能在上面写上正确的词。我使用的是功能组件 let ckeditor; <CKEditorContext context={Context}> <CKEditor editor={ClassicEditor} data=
let ckeditor;
<CKEditorContext context={Context}>
<CKEditor
editor={ClassicEditor}
data={props.state.wysiwygData}
onChange={props.editorOnChangeHandler}
ref={props.editorRef}
onReady={(editor) => {
// I want to Pass the 'editor' instance to ckReference variable
ckReference = editor;
// But when I do this kind of approach it becomes undefined when passed
}}
/>
</CKEditorContext>
let-ckeditor;
{
//我想将“editor”实例传递给ckReference变量
ckReference=编辑器;
//但是,当我使用这种方法时,当它被传递时,它将变得未定义
}}
/>
提前感谢您,上帝保佑,因此我最终使用useRef()钩子获得了编辑器实例,现在可以将其传递给其他组件
let ckeditor = useRef(null);
<CKEditorContext context={Context}>
<CKEditor
editor={ClassicEditor}
data={props.state.wysiwygData}
onChange={props.editorOnChangeHandler}
ref={props.editorRef}
onReady={(editor) => {
ckeditor.current = editor;
}}
/>
</CKEditorContext>
让ckeditor=useRef(null);
{
ckeditor.current=编辑器;
}}
/>