将React的方法'return'作为字符串

时间:2016-02-24 20:36:19

标签: javascript string reactjs

我正在使用Drop javascript库,我收到此错误:

  

Drop Error:Content函数应该返回一个字符串或HTMLElement。

我正在使用React处理点击,然后打开Drop弹出窗口。

popupContent: function() {
  return (
    <div>
      <p>Test.</p>
    </div>
  )
},

initDrop: function() {
  var self = this;
  var drop = new Drop({
    target: self.refs.xxx,
    openOn: 'click',
    content: function() {
      self.popupContent();
    }
  });
},

如何将popupContent函数作为字符串返回?

1 个答案:

答案 0 :(得分:1)

您应该从A+A'B = A+B返回wy'+wx'+wz',因为现在[].map.call(...)会返回JSX,但Array.prototype.map.call(...)不是String

popupContent

如果您使用ES2015,则可以使用Template literals

popupContent

还有包jsx-to-string注意 - 你应该安装它

JSX

Example