semantic-ui 相关问题

React js语义菜单项居中

您好，我无法将我的内容放在此div代码的中心：https://codesandbox.io/s/hungry-https-c5432我试图将嵌入式显示器放在h5上，但仍然没有工作

从收音机和复选框中选择的选项未传递数据

我试图通过多个页面提出一系列问题，所以我需要将第1页和第2页中选择的答案传递给第3页，因为第3页就像确认页，它将显示...

样式化组件语义工具包（表格。输入）

您好，我想知道如何使用表单的样式化组件更改CSS。语义输入在悬停时，我需要这样的东西：但是我无法更改输入的背景色，并且...

语义反应/背景图像和高度100 vh

您好，我如何使组件页脚仅占据页面高度的100 px，而页面的其余部分使用高度来作为组件网格：vh我尝试用我的内容：export const GridWrap = ...

ReactJs /语义UI复选框在循环中

[我通过带有地图的json数据呈现了一些复选框：Data.FacData.map（（v，i）=>（ ]]] 像这样更新您的代码或参考https://jsfiddle.net/L7y2m8zr/11/您需要使用split 将值字符串转换为数组。 componentDidMount() { /*get data from api*/ const data = "1,3" const newValues = data.split(",").map(n=> parseInt(n)) this.setState({ facilitiesValue: newValues }); } 您还可以基于数组是否包含给定的id来设置defaultChecked或checked值，而不是仅传递数组或字符串（因为这是代码，而不是魔术:)） return ( <div> { Data.FacData.map((v, i) => ( <div key={i} className="CheckBox"> <input type="checkbox" name="Facilities" value={v.id} onChange={this.getFacilities} id={"Facilities-"+v.id} checked = {this.state.facilitiesValue.includes(parseInt(v.id))} /> <label htmlFor={"Facilities-" + v.id}>{v.name}</label> </div> )) } </div> )

Semantic-ui表：如何使列可选

我想通过语义UI选择表列。尽管在文档中明确说明了如何使行可选（https://semantic-ui.com/collections/table.html#selectable-row），...

allowadditions下拉菜单的语义UI设置值

我正在使用语义UI的常规非React版本。我有一个标准下拉菜单，其中添加了搜索功能，并配置为允许添加。 aka select with class ='ui fluid search dropdown'...

SemanticUI / ReactJS模式不支持html内容

我使用ReactJS和SemanticUI，想使用模式，但是里面似乎不支持html，对吧？只显示纯文本。好吧，我制作了一个用于显示模式的组件，称为Alert：

React语义ui table.row set row active onclick

我如何在单击Table时使用prop active = {true}设置一行。RowReact语义UI听起来很简单，但是我没有找到一种方法。在文档中，我什么都没说。我尝试过这种方式，...

努力处理父级背景颜色/子级：在背景颜色冲突之前

我已经设法创建一个伪：before元素添加到菜单项中，该菜单项可以按我的意愿工作，但是当我向父div（底部导航）添加背景色/图像时，伪元素似乎...

语义固定菜单将容器移至页面顶部

当我将菜单固定在顶部时，它使底部容器向上移动，并且我无法看到...

使用v-bind通过vue.js渲染在语义ui中更新星值时的问题

我正在使用语义UI和vue.js，下面是一个简单的代码，其中我正在运行vue.js for循环，该循环用于获取商家，点击次数和评分值。除{{item ....

如何在Python-Flask中使用Semantic-ui多个选项卡？

我想使用Jinjia渲染模板。此页面上有很多Semantic-ui选项卡。它是模板代码。 {％扩展“ /base.html”％} {％块内容％}

如何将Fomantic-UI导入Angular项目中

我正在基于Fomantic-UI框架（这是Semantic-UI的分支）开发Angular项目。我已经安装了它：npm install --save fomantic-ui，然后在...

带样式的组件-根据道具有条件地渲染整个CSS块

我知道样式可以有条件地呈现，例如：const HelloWorldLabel = styled（“ div”）`display：$ {（{centered}）=>（centered？“ block”：“ flex”）} ;;; ...

使标签的宽度与下面的语义UI相同

如何使Label和输入框具有与bootstrap一样的宽度，当前我的页面是这样，而我的代码是这样的 []]] < [ 这可能是简单的解决方案之一 input[type="text"] { width: 200px; } <div class="three column row"> <div class="left floated column"> <div class="inline fields"> <label style="width:128px;">Customer Code</label> <div class="ui input right icon"> <i class="search icon"></i> <input type="text" id="CustomerCode" class="search" readonly name="card[number]" placeholder=""> </div> </div> <div class="inline fields"> <label style="width:128px;">Customer Name</label> <input type="text" name="card[number]" placeholder=""> </div> </div> <div class="right floated column"> <div class="inline fields"> <label>Customer Name</label> <input type="text" name="card[number]" placeholder=""> </div> <div class="inline fields"> <label>Phone No</label> <input type="text" name="card[number]" placeholder=""> </div> </div> </div>

在ReactJS中的SVG顶部显示用户的首字母缩写

我需要用户的姓名缩写出现在头像（是SVG）上，只是带有这些姓名缩写的灰色圆圈。我有此功能，但现在我不知道如何在下拉菜单的JSX中调用它（...

语义UI React-无法在表行上设置键属性

我正在使用语义UI React在表中显示API的结果列表。该表正确显示，但出现以下错误：警告：列表中的每个子代均应具有唯一的“键” ...

触发时如何将我的反应语义模式置于中心

这是我的模态代码：render（）{return []

React Redux onClick呼吁行动创建者不起作用

我在Button中有一个onClick呼叫。我正在调用一个方法（handleQuery）将操作分派给我的reducer。这是按钮和handleQuery调用的相关代码。我尝试了各种方法来...