时间戳

首页 > 解决方案 > 类型错误：标记__WEBPACK_IMPORTED_MODULE_3___default(...) 不是函数

javascript - 类型错误：标记__WEBPACK_IMPORTED_MODULE_3___default(...) 不是函数

问题描述

我正在我当前的项目中进行编辑器降价。我在stackoverflow上搜索了不同的问题，但这并没有帮助我解决我的问题。我得到这个 TypeError: enter image description here

这是我的代码：

  import React, {Component} from 'react';
  import './App.css';
  import {sampleText} from './sampleText'
  import marked  from 'marked'


  class App extends Component {
    state = {
      text: sampleText
    }
    
    handleChange = event => {
      const text = event.target.value
      this.setState({text})
    }

    renderText = text => {
      const _html = marked(text, { sanitize: true})
      return { __html}
    }
    

    render () {
      return(
        <div className='container'>
          <div className='row'>
            <div className='col-sm-6'>
              <textarea
                onChange={this.handleChange}
                value={this.state.text}
                className='form-control'
                rows='35'/>
            </div>
            <div className='col-sm-6'>
              <div dangerouslySetInnerHTML={this.renderText(this.state.text)}/>
            </div>
          </div>
        </div>
      )
    }
  }

  export default App;

标签： javascriptreactjstypeerror

解决方案

看起来您对标记的导入不正确。它应该是

import { marked } from 'marked'

推荐阅读