Javascript 在语义UI'中添加值；的弹出内容

我正在使用，我想给它的content属性发送一些值，但它似乎不起作用

代码如下：

          cellRender={value => (
            <Popup
              content="some content"
              on="click"
              pinned
              trigger={<div>{value}</div>}
            />
          )}

cellRender={value=>(
)}

它现在的工作方式很好，但我希望在内容中有一些动态数据

尝试了不同的方法，如

content=``这是数据：${value}

或

content=value

，但不起作用

---

有办法吗？

您是否记得在设置内容时使用大括号

这个组件对我来说很好。用你的部件试一试。如果它仍然不起作用，请发布一个更完整的例子来说明问题

import React from "react";
import { Popup } from "semantic-ui-react";

const MyComponent = () => {
  const value = "TEST";
  return (
    <Popup
      content={`This is the data: ${value}`}
      on="click"
      pinned
      trigger={<div>{value}</div>}
    />
  );
}

export default MyComponent;

从“React”导入React；
从“语义ui反应”导入{Popup}；
常量MyComponent=（）=>{
const value=“测试”；
返回(
);
}
导出默认MyComponent；

如果您不熟悉这种语法，可以阅读更多关于JSX的内容