相关疑难解决方法(0)

我如何取一个字符串,并将其转换为jsx？例如,如果我从a引入一个字符串textarea,我怎么能将它转换为一个React元素;

var jsxString = document.getElementById('textarea').value;

我将使用什么过程在客户端上转换它？可能吗？

我正在尝试在v-html中使用组件。我想从自己的API获取html，然后将进行演示。

这是我的代码。

HTML：

<!-- app -->
<div id="app">
  <span v-html="html"></span>
  <badge></badge>
  <span v-html="html2"></span>
  <partial name="my-partial"></partial>
  <span v-html="html3"></span>
</div>

Javascript：

Vue.component('badge', {
  template: '<span class="component-tag">This is component</span>',
})
Vue.partial('my-partial', '<p>This is a partial!</p>')
// start app
new Vue({
  el: '#app',
  data: {
    html: '<p>THIS IS HTML</p>',
    html2: '<badge></badge>',
    html3: '<partial name="my-partial"></partial>'
  }
})

https://jsfiddle.net/9w3kz6xm/4/

我尝试了partial，因为Vue文档说：“如果您需要重用模板，则应该使用partials。”

这是行不通的。也许我在犯错误，我不知道什么是错误。

谢谢。