Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/23.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs 获取功能组件中实例的引用_Reactjs_Ckeditor_React Functional Component - Fatal编程技术网

Reactjs 获取功能组件中实例的引用

Reactjs 获取功能组件中实例的引用,reactjs,ckeditor,react-functional-component,Reactjs,Ckeditor,React Functional Component,我正在尝试添加一个模板onClick,我正在使用ckeditor库,我想获得editor的实例,这样我就可以将它传递给其他组件并使用它的方法。但是我不知道该怎么做,我已经搜索了一段时间,但是我不能在上面写上正确的词。我使用的是功能组件 let ckeditor; <CKEditorContext context={Context}> <CKEditor editor={ClassicEditor} data=

我正在尝试添加一个模板onClick,我正在使用ckeditor库,我想获得editor的实例,这样我就可以将它传递给其他组件并使用它的方法。但是我不知道该怎么做,我已经搜索了一段时间,但是我不能在上面写上正确的词。我使用的是功能组件

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=编辑器;
}}
/>