semantic-ui-react

1热度

1回答

我是React和语义视图中的新成员。我有一张表，其中有一行显示ok，并且绿色复选标记为{this.props.email.success}，并返回true。否则将其更改为红色删除图标。这里是我的代码：语义UI代码： <Table.Cell> <Icon color="green" name="checkmark" size="large" /> {this.props.e

0热度

2回答

使用语义UI表时发生错误

我使用语义UI创建表。我想将表行属性设置为positive。像这样： <Table.Row positive> 这里是我的代码： <Table.Row {this.props.email.success ? "positive" : "negative"}> 但这种错误occure： ./src/components/EmailItem.js Syntax error: ... src

3热度

1回答

响应式语义用户界面响应网格，列，行

我无法使语义UI React网格完全响应，至少响应我对桌面，平板电脑和移动设备的需求。我有以下三个组件在Grid Columns中渲染。 import React,{ Component } from 'react'; import { connect } from 'react-redux'; import { Grid, Header } from 'semantic-ui-react'

0热度

1回答

如何在语义使用中防止onChange事件触发onBlur反应

我希望onChange事件在下拉组件中选择Item时触发。但是，即使我点击其他地方，onChange事件也会触发。如何防止onCurnge事件触发onBlur？ handleDomainChange = (e, data) => { this.setState({ currantDomain_id: data.value, currantWidget_id: "n

0热度

1回答

在语义UI URL链接复选框标签阵营

语义UI阵营Checkbox可以像这样使用： import React from 'react' import { Checkbox } from 'semantic-ui-react' const TermsOfServiceCheckbox =() => ( <Checkbox label='I accept the Terms of Service' /> ) expor

2热度

2回答

如何启用React语义UI模式以在整个屏幕上展开？

这是我第一次尝试将Meteor与ReactJs和React语义UI结合使用，并在渲染语义UI模式时遇到问题。我试图达到的目的是点击按钮并在整个浏览器上打开模式覆盖，参考React Semantic Modal Manual但是我现在所拥有的是模式部分呈现在屏幕上，如附件所示截图。任何人都可以帮忙吗？提前致谢。 Main.js import {Meteor} from 'meteor/meteor'

1热度

1回答

方式暂时语义的UI反应的禁用粘？

我找不到在sticky document像isActive的道具，可以禁用粘性容易像react-sticky。是否有可能在Semantic-UI-React中做到这一点？我试图使context道具Sticky空，但是它仍然粘时滚动。置顶代码： export default class StickyAdjacentContextExample extends Component { s

0热度

3回答

语义UI反应固定边栏

已搜索，在语义UI的文档和问题页面内搜索，并在计算器中搜索。找不到答案。在Semantic-ui-react内，我该如何制作一个内容固定在屏幕上的边栏？我现在有是这样的： <Sidebar.Pushable as={Segment}> <Sidebar id="sidebar" as={Menu} animation="overlay"

1热度

1回答

如何设置语义用户界面下拉大小以匹配按钮等

语义用户界面有一个很好的方式来将常用大小应用于很多事情，例如，一个按钮（在语义UI反应）： <Button size="tiny" /> 然而下拉，这在许多情况下，看起来就像一个按钮，放在一排按钮，不会出现走“大小”参数。 https://react.semantic-ui.com/modules/dropdown 是否有相同尺寸适用于下拉为如其他元素的好方法连续按钮？（即不只是摆弄自定义的

1热度

1回答

关闭模式在UI反应取消按钮

我正在关注https://react.semantic-ui.com/modules/modal创建一个模态窗体。点击Cancel按钮，我想关闭模态。我被限制不使用上面链接中建议的速记方法。我应该如何编写handleClose（）函数来关闭Modal表单？ handleClose =() => { console.log("close") } render(){ ret