javascript - 在 JavaScript 的 NEXT 中结合函数调用和 HTML 标签

Question

假设我有一个名为 Foo() 的函数输出“Hello world!”，我想创建一个名为 Bar() 的函数它采用 Foo() 的输出并将其加粗。期望的输出:

Hello world!

我尝试过的事情:

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

输出:Foo()

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

输出:Foo()

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

输出:f

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

输出:<b>[object Object]</b>

我需要做什么才能将 Hello world! 作为输出？

Answer 1

如果你想在 JSX 中包含一个字符串，你必须将它添加到花括号中。这是一个例子:

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