在 Semantic UI 的 Popup 内容中添加值

Question

我正在使用 this Popup，我想将一些值发送到它的内容属性，但它似乎不起作用。

这是代码：

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

它现在运行良好，但我想在内容中包含一些动态数据。

尝试了 content=``this is the data: ${value} 或 content=value 等不同的方法，但没有用。

有办法吗？

Answer 1

设置内容的时候记得用花括号吗？

这个组件对我来说很好用。用你的组件试一试。如果仍然无法正常工作，请 post 一个更完整的示例来说明问题。

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;

如果您不熟悉此语法，可以阅读有关 JSX 的更多信息in the React Docs。

在 Semantic UI 的 Popup 内容中添加值

Add values in Semantic UI's Popup content

javascript

popup

semantic-ui

semantic-ui-react