如何将html对象转换为字符串

Question

我是个很新的反应者，我正在尝试打印 “从{sendersname}发送”

<Translate value={"sendingFrom"}/>本身给出了字符串：发送自

consignment.senderName本身给出字符串：发件人名称

我使用的一行代码是： <Title heading={<Translate value={"sendingFrom"}/> + consignment.senderName}/>

我得到的输出始终是： [object Object] sendersName

与sendername一起添加时，如何使<Translate value={"sendingFrom"}/>保持字符串形式？

Answer 1

<Translate>是一个React组件实例。一个东西。您正在尝试使用串联并将对象与字符串连接，这是行不通的。

也许您的解决方案是：

<Title heading={<Translate value={`sendingfrom ${consignment.senderName}`} />} />

在我的建议中，我们将首先基本上将sendingFrom字符串和consignment.senderName连接起来，然后将其传递给Translate组件作为道具。然后，我们将Translate实例作为道具传递给Title组件。

Answer 2

尝试：

<Title heading={(
  <React.Fragment>
    <Translate value="sendingFrom" />
    {` ${consignment.senderName}`}
  </React.Fragment>
)} />

这会将heading设置为Translate组件返回的值，并在其后跟一个空格，然后是senderName的值。

如果您不喜欢Fragment，也可以将其传递给数组。