Javascript 返回一个React';s方法';返回';一串

Javascript 返回一个React';s方法';返回';一串,javascript,string,reactjs,Javascript,String,Reactjs,我正在使用javascript库,出现以下错误: Drop错误:内容函数应返回字符串或HTMLElement 我正在使用React处理单击,然后打开下拉弹出窗口 popupContent: function() { return ( <div> <p>Test.</p> </div> ) }, initDrop: function() { var self = this; var drop = new

我正在使用javascript库,出现以下错误:

Drop错误:内容函数应返回字符串或HTMLElement

我正在使用React处理单击,然后打开下拉弹出窗口

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:function(){
返回(
测试

) }, initDrop:function(){ var self=这个; var drop=新drop({ 目标:self.refs.xxx, openOn:'单击', 内容:函数(){ self.popupContent(); } }); },


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

您应该从
popupContent
返回
string
,因为现在
popupContent
返回,但
JSX
不是
string

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

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