问题标签 [semantic-ui-react]

我有一个 jest/enzyme 测试，它在组件周围创建一个 ShallowWrapper，找到一个指定的语义-ui-react 按钮（通过 id），模拟按钮上的点击，然后查看点击是否切换了某些内容。

示例 JSX：

样品测试：

当我刚刚拥有 Button 时，此测试有效。当我添加 Popup 并将 Button 放入 trigger 道具时，我收到一个错误，因为找不到#special-btn。

错误：方法“props”仅用于在单个节点上运行。找到了 0 个。

该组件的酶快照显示弹出窗口如下所示：

我需要我的测试才能再次工作。如何在测试中再次获得对 #special-btn 的访问权限，以便可以调用 .simulate('click') ？

我目前正在尝试使用 Semantic UI React 的手风琴组件，但不知道如何将颜色和箭头更改为白色。

https://semantic-ui.com/modules/accordion.html

在 css 中，您可以看到小部件具有将其配置为黑色的样式。

1. 组件是否有办法更改文本颜色？
2. 是否可以放置一个父 div 来覆盖颜色文本？（试过但没用）
3. 你将如何覆盖颜色？任何解决方法。（这可以通过下面在带有 !important 标签的评论中提到的覆盖来完成）

手风琴反应组件采用面板

手风琴接受一个类名，但传递一种风格似乎也根本不起作用。我在每个级别都尝试过 Accordion.Title Tag。

我的卡片组件

库中有一个 Reaveal 组件。如下所示。

但它会在悬停时制作动画。有没有办法让它在点击时切换内容？我看不到任何我们可以看到的例子。

我搜索了浏览器对语义 UI 反应的支持，我发现语义 UI（不是反应版本）支持以下版本

浏览器支持：最近 2 个版本 FF、Chrome、Safari Mac IE 11+ Android 4.4+、Chrome for Android 44+ iOS Safari 7+ Microsoft Edge 12+ 虽然某些组件可以在 IE9 中运行，但 IE9 不支持网格和其他 flexbox 组件并且可能无法正确显示。

假设语义用户界面反应也遵循相同的最低浏览器支持是否安全？我在他们的 GitHub 页面或网站上找不到该信息。

我正在尝试更改下拉组件中的 onChange 状态

状态变化很好。问题是下拉菜单的值总是返回到默认的“选择朋友”。

如何使下拉菜单将其状态更改为选定项目？

有谁知道如何删除<Menu><Dropdown>...组件上的插入符号？

据我所知，该组件的道具列表没有标志。这个事情谁有经验？

我了解此问题的解决方案是将 a 添加key={}到您的元素中。

但是，就我而言，我有一个可以相同的日志字符串数组，并且我正在创建一个这样的语义 UI 列表：

我该如何避免这个flattenChildren()问题？

我是 React 和语义视图的新手。我有一个表，其中有一行显示 ok 并且绿色复选标记{this.props.email.success}返回 true。否则将其更改为红色删除图标。这是我的代码：语义用户界面代码：

现在基于成功值Icon name并且color应该改变。我怎样才能做到这一点 ？感谢您的帮助。

我使用语义 UI 来创建一个表。我想将表格行属性设置为positive. 像这样 ：

这是我的代码：

但是发生了这个错误：

我怎样才能解决这个问题 ？

我有一个简单的我使用语义-ui-react 来创建它：

现在我无法访问输入的值。这是我的代码：

这都是未定义的。如何解决这个问题？