我目前正在学习一些反应的东西，并在尝试实现https：//www.npmjs.com/package/textarea-markdown时遇到了一个错误。

我认为错误来自于脚本试图在加载文本区域之前更改文本区域，但我不知道如何修复它。

任何帮助都非常感激。

代码

文本.js

import React, { Component } from 'react';
import './texts.css';
import TextareaMarkdown from 'textarea-markdown'

let textarea = document.querySelector("textarea");
new TextareaMarkdown(textarea);


function Texts() {
    
  return (
    <div >
        <h2>Editor</h2>
            <textarea id="editor" data-preview="#preview"></textarea>
        <h2>Preview</h2>
    <div id="preview"></div>
    </div>
  );
  
}



export default Texts;

应用程序.JS

import logo from './logo.svg';
import './App.css';
import Texts from './components/texts/texts';



function App() {
  
  return (
    
    <div className="App">
      <header className="App-header">
        <Texts></Texts>
      </header>
    </div>
  );

}

export default App;

的错误如下

TypeError：无法读取Null的属性“ GetAttribute ”TextAreaMarkDown.setPreview节点_模块/textarea-markdown/lib/textarea-markdown.JS：6562|值：函数setPreview（）{63|var_this2=this；64 |>；65|var selector=this.textarea.getAttribute（' data-preview '）；|^66|if（选择器）{67|array.from（document.querySelectorAll（selector），函数（E）{68|return_this2.reviews.push（E）；查看已编译的

顺晟科技：

您可以在TypeError: Cannot read property 'getAttribute' of null TextareaMarkdown.setPreview node_modules/textarea-markdown/lib/textarea-markdown.js:65 62 | value: function setPreview() { 63 | var _this2 = this; 64 | > 65 | var selector = this.textarea.getAttribute('data-preview'); | ^ 66 | if (selector) { 67 | Array.from(document.querySelectorAll(selector), function (e) { 68 | return _this2.previews.push(e); View compiled 中使用以下代码就像下面一样

useEffect