Javascript 如何在React中获取嵌入式编辑器的行数?(包括包装)

Javascript 如何在React中获取嵌入式编辑器的行数?(包括包装),javascript,reactjs,monaco-editor,Javascript,Reactjs,Monaco Editor,我想从React中嵌入的monaco编辑器中提取行数,包括换行。这是一个虚拟设置: import React, { useEffect, useState, useRef } from 'react'; import Editor from '@monaco-editor/react'; function ExampleApp() { const customHTMLRef = useRef(null); const [lineCount, setLineCount = useSt

我想从React中嵌入的monaco编辑器中提取行数,包括换行。这是一个虚拟设置:

import React, { useEffect, useState, useRef } from 'react';
import Editor from '@monaco-editor/react'; 


function ExampleApp() {
  const customHTMLRef = useRef(null);
  const [lineCount, setLineCount = useState();

  function handleHTMLEditorDidMount(editor, monaco) {
    customHTMLRef.current = editor;
  }
}

return (
  <>
    <Editor 
      theme='vs-dark'
      height='100%'
      width='100%'
      defaultLanguage='html'
      onMount={handleHTMLEditorDidMount}
    />
    <div>Line Count is: {lineCount}</div>
  </>
)

import React,{useffect,useState,useRef}来自'React';
从“@monaco Editor/react”导入编辑器;
函数ExampleApp(){
const customHTMLRef=useRef(null);
常量[lineCount,setLineCount=useState();
函数handleHTMLEditorDidMount(编辑,摩纳哥){
customHTMLRef.current=编辑器;
}
}
返回(
行计数为:{lineCount}
)
我使用的一些资源,也许你可以看到我没有:


实际上,他们似乎删除了使用包装检索行计数的方法。但您仍然可以使用getLineCount()方法对行进行计数。正如您在显示的第一个引用中所看到的。示例。

您提供的示例非常适合我的项目!谢谢!