[英]TypeError: marked__WEBPACK_IMPORTED_MODULE_3___default(...) is not a function
I'm working on an editor markdown in my current project.我正在当前项目中进行编辑器降价。 I searched on different questions on stackoverflow but that didn't help me to resolve my problem.我在 stackoverflow 上搜索了不同的问题,但这并没有帮助我解决我的问题。 I get this TypeError: enter image description here我收到此类型错误:在此处输入图片描述
This is my code:这是我的代码:
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;
It looks like your import for marked is incorrect.看起来您对标记的导入不正确。 It should be它应该是
import { marked } from 'marked'
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.