在JavaScript的NEXT中组合函数调用和HTML标记

假设我有一个名为

Foo（）

的函数，它输出“Hello world！”，我想创建一个名为

Bar（）

的函数，它接受

Foo（）

的输出并将其加粗。期望输出：

你好，世界

我尝试过的事情：

功能条（）{
返回Foo（）；
}

输出：Foo（）

功能条（）{
var f=Foo（）；
返回f；
}

输出：Foo（）

功能条（）{
var f=Foo（）；
返回f；
}

输出：f

功能条（）{
返回“+Foo（）+”；
}

输出：

[object object]

---

我需要做什么才能获得你好世界作为输出？

如果要在JSX中包含字符串，必须将其添加到大括号中。 以下是一个例子：

function Bar() {
  return <b>{ Foo() }</b>;
}

功能条（）{
返回{Foo（）}；
}
 > > P>我知道如何做这件事，虽然对于C和C++的人来说并不明显。

您需要将HTML标记之间声明的所有代码用大括号括起来，如下所示：

功能条（）{
返回{Foo（）}；
}

代码
{Foo（）}
将运行函数
Foo
并获取其输出。您还可以将变量放在这里，例如have
var myfoo=Foo（）{myfoo}
将解析为相同的输出。
您可以使用DOM api创建一个元素，并将其.innerText属性设置为Foo（）函数返回的值：


功能条（）{
const boldElem=document.createElement（“B”）；
return boldElem.innerText=Foo（）
}