Reactjs 如何在HTML标记属性中呈现JSX?(正在获取[对象])

Reactjs 如何在HTML标记属性中呈现JSX?(正在获取[对象]),reactjs,jsx,Reactjs,Jsx,我有一个返回JSX的函数,我需要HTML输出来填充jQueryUI渲染工具提示所需的数据工具提示属性 但是React在数据工具提示属性中呈现的是[object object]而不是HTML: 类Hello扩展了React.Component{ 建造师(道具){ 超级(道具); this.hello=this.hello.bind(this); } 你好(){ 返回( 你好 ) } render(){ 返回( Hi {this.hello()} ) } } 在本例中,第二个this.hello(

我有一个返回JSX的函数,我需要HTML输出来填充jQueryUI渲染工具提示所需的
数据工具提示
属性

但是React在
数据工具提示
属性中呈现的是
[object object]
而不是HTML:

类Hello扩展了React.Component{
建造师(道具){
超级(道具);
this.hello=this.hello.bind(this);
}
你好(){
返回(
你好

) } render(){ 返回( Hi

{this.hello()}

) } }
在本例中,第二个
this.hello()
有效,并返回HTML,这证明
hello
函数正确使用了JSX。但是第一次调用this.hello()会导致
数据工具提示=“[object object]”


如何在标记属性中插入HTML?

从技术上讲,既不返回HTML,也返回React元素。然而,在第二种情况下,JSX编译器“知道”如何处理元素,React知道如何将其呈现到DOM中


我不确定是否可以在tag属性中插入HTML,但可以使用从组件生成HTML。

谢谢,这正是我想要的。