Javascript 如何将变量传递到材质ui组件的HTML标记中？

我正在使用以下材质ui组件：

<CardTitle children={child} />

现在我想添加一些包含变量的HTML代码，该变量将随react组件的状态而改变

...
render() {
  const child = (<p>this.state.var</p>);

  return (
    ...
    <CardTitle children={child} />
    ...
  );
}
...

。。。
render（）{
const child=（this.state.var
）；
返回(
...
...
);
}
...

}

如何才能做到这一点？

---

我是否必须创建另一个组件，并将其作为HTML标记包含？

检查此

jsfiddle

，我们可以在

CardTitle

中使用HTML元素：

---

根据版本4中的文档

CardHeader

标题字段具有

节点

类型。因此，您可以使用例如

<CardHeader title={<div>{addressFrom} &rarr; {addressTo}</div>} />

r您以这种方式使用时遇到任何错误，请在您的问题中解释？？因为我认为它会起作用。它不会解释

this.state.var

。输出将是this.state.var

。好吧，糟糕的是，我忘了用两个大括号将表达式括起来

{this.state.var}