2

我有下面的代码，它可以帮助我显示带有语法突出显示的降价组件。一切正常，除非我输入```总是会发生，因为我从输入字段中获取降价源。

const renderers = {
   code:({language,value})=>{
   return <SyntaxHighlighter style={dark} language={"dart"} children={value} />
}
}


export default function CodeMarkDown(props){
  return (
   <ReactMarkdown renderers={renderers} children={props.markdown}></ReactMarkDown>
)
}

正如我之前所说，每当我输入```或~~~它破坏应用程序之前，我能够使用带有此错误消息的剩余引号关闭它

Reactmarkdown Uncaught TypeError: Cannot read property 'match' of undefined at getNewLines (highlight.js:10)

到目前为止我所尝试的：

I have tried replacing each  ```  with \`\`\` but when I do I it cant be formatted as markdown anymore.
4

1 回答 1

3

在分析了我的代码几个小时后，我意识到当我有```或~~~（对于代码的开头）没有结束反引号或波浪号时，语法高亮显示返回 null。

const renderers = {
   code:({language,value})=>{
   var newCode = value
   var oldCode = value || oldCode

   return <SyntaxHighlighter style={dark} language={"dart"} children={newCode || "" } />
}
}


export default function CodeMarkDown(props){
  return (
   <ReactMarkdown renderers={renderers} children={props.markdown}></ReactMarkDown>
)
}

所以在这种情况下，只要新值为 null

于 2020-11-15T19:43:55.997 回答