react.js - JSX 写法的两个问题

问题描述

问 题

今天引入了codemirror 插件，但是在jsx里边的写法让俺很头疼，第一是textarea 里的编码会出现 {} 这种括号格式会误认为是js代码，另外一个问题是 加入内部script标签 或者使用{} 写配置属性也会出错.... 下面是图

解决方案

建议在componentDidMount之后对你的第三方组件进行初始化。而不是写在render函数中。
不然又可能会被多次render和初始化。

并且不建议在textarea这种标签中嵌套,建议用模板语言对里面的js语句包装一下 比如

<textarea>
    `js code`
</textarea>


<textarea ref="textArea"}>
</textarea>

componentDidMount() {
    CodeMirro.fromTextArea(React.findDOMNode(this.refs.textArea), ...)
}

这篇关于react.js - JSX 写法的两个问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！