如何在React语义界面中使用列表组件items属性？

文章/答案/技术大牛

发布

1回答

reactjs、semantic-ui

我不明白如何使用React语义UI“列表”组件的"items“属性。有没有办法向它传递一个函数或组件，它将用来呈现每一项？<List items={repos} component={RepoListItem} />; return ( <List.Item<List.Content>{props.ful

浏览 38提问于2019-02-06得票数 0

1回答

在React Virtualized中使用语义UI React

react-virtualized、semantic-ui-react

我一直很难让React Virtualized在语义UI上正常工作。根据下面的示例，通过将className属性设置为“item”，我可以将正确的样式应用于列表中的项目。然而，我一直遇到的问题是从语义的即席组件(如List )传递到List.Item的属性。道具，如分割和选择。还有没有其他人遇到过这个问题，有没有解决方案？

浏览 12提问于2018-01-03得票数 3

1回答

树的抖动不适用于webpack 4和语义用户界面反应。

javascript、reactjs、webpack、semantic-ui

我只从语义用户界面中导入一个组件但是在运行webpack -p之后，我在包中看到了来自语义UI的所有组件，它的大小超过300 is (~30 is没有语义UI)。我安装了所有最新版本: webpack@4.14.0；语义-ui-react@0.81.3 这是我的webpack.config.j

浏览 0提问于2018-07-04得票数 2

1回答

Next.js和语义UI，Tab元素，错误:元素类型无效

reactjs、semantic-ui、semantic-ui-react、next.js

我正试图在我的Next.js应用程序中实现Next.js。import React from 'react' const panes

浏览 1提问于2017-08-08得票数 0

回答已采纳

1回答

用圆角获取输入的最简单方法是什么？

jsx、semantic-ui-react

目前，我正在使用语义用户界面( Semantic )开发一个React页面，并且我很难找到最简单的方法来获得带有圆角的输入组件。像往常一样使用边界半径似乎不起作用，有没有人有更好的主意？(为了澄清--我在寻找语义反应中的搜索组件的基本相同的内容。)

浏览 0提问于2018-11-19得票数 3

回答已采纳

1回答

使用，使用NavLink设置活动页面类？

reactjs、semantic-ui

我使用语义UI反应和反应路由器。React路由器的NavLink组件集知道它的活动页面链接，并可以设置一个活动类：然而，这并不适用于语义用户界面的反应： header to="

浏览 1提问于2017-11-22得票数 8

回答已采纳

1回答

使用带有语义UI React的样式组件创建的组件不会保留SUIR组件的属性类型信息

typescript、styled-components、semantic-ui-react

使用带有语义UI React的样式组件创建的组件不会保留原始SUIR组件中的props类型。不带样式的组件如果没有设置样式的组件，SUIR组件属性类型信息将被保留。带有样式的组件当我使用styled-components时，SUIR组件属性的类型信息会丢失。: (e: any) => void Intellisens

浏览 16提问于2020-12-06得票数 0

1回答

响应多个组件添加项

javascript、reactjs、flux

我正在编写一个带有react的web应用程序，我正在遵循流量体系结构。遗憾的是，到目前为止，我看到的所有教程要么只使用1个组件，要么使用嵌套的多个组件。我的问题是如何在一起使用多个组件，这些组件不是嵌套的。例如，使用某种表单组件来添加新项的项组件列表。每个示例通常将表单和列表放在同一个父容器中。在下面的示例中，

浏览 3提问于2015-12-31得票数 2

回答已采纳

1回答

集装箱，行，科尔在剑道反应-用户界面

reactjs、layout、kendo-react-ui

我正在使用来自kendo- react的组件作为我的react项目。我正在尝试使用布局属性，如Container、Row、Cols来使其响应，就像我们在引导4中一样。有人能让我知道如何在剑道反应界面中实现这一点吗？谢谢

浏览 0提问于2018-05-03得票数 0

回答已采纳

1回答

回应JS -代理事件？

reactjs

我在React方面是新的，我使用语义ui-react。我在试着用下拉式。 console.log("handleTagChange"); } 但是，如果我在函数中添加了像test这样的其他东西

浏览 1提问于2017-01-04得票数 4

回答已采纳

3回答

如何在语义用户界面反应中对齐按钮进行中心对齐？

reactjs、semantic-ui

如何在语义用户界面反应中对齐按钮import {Segment, Button,Label,Sticky,Grid,Container}from 'semantic-ui-react'; const GeneralSupportSegment =() =>

浏览 2提问于2019-01-19得票数 9

回答已采纳

1回答

具有自定义属性的React.createClass

javascript、reactjs

如何在React.createClass()中处理自定义javascript属性？下面是一个例子： mixins: [Morearty.Mixin], this.isAuthorized = true; },}); 似乎.isAuthorized和.isVerified在<e

浏览 2提问于2015-12-17得票数 0

回答已采纳

2回答

内部选择语义用户界面反应

reactjs、react-select、semantic-ui-react

我有一个简单的React Select作为Semantic UI React Popover组件中的内容支柱。我受到项目中每个包版本的限制(可在以下代码框中获得)：由于我不能更新的反应和套件，我应该遵循什么解

浏览 1提问于2018-12-19得票数 2

回答已采纳

1回答

在react语义ui弹出元素中单击并悬停时更改内容

reactjs、semantic-ui-react

我正在使用弹出组件react-semantic-ui，它在悬停/单击时触发弹出窗口。我希望根据触发的元素是否被单击或悬停来更改内容。例如:我的UI中有一个设置框。

浏览 1提问于2018-05-26得票数 1

2回答

使用语义UI反应，如何构建类似于堆栈溢出的标记输入？

reactjs、semantic-ui、semantic-ui-react

在输入之外的建议，当单击这些建议时，结果会添加到输入字段中。堆栈溢出的截图：我正在使用语义-UI-React，并注意到有一个搜索组件可以工作：这个语义-UI反应搜索组件似乎不允许添加多个结果或通过输入之外的方法添加结果。我是不是遗漏了什么？我是应该为这个特性使用语义UI，还是需要在我的React应用程序中完全从头构建这个界面呢？

浏览 4提问于2017-10-24得票数 4

回答已采纳

1回答

属性'inputItem‘在'EventTarget’类型中不存在-语义-Ui，React和类型记录

javascript、reactjs、typescript、semantic-ui、semantic-ui-react

我正在使用React、类型记录和语义UI react组件。我正在尝试清除输入字段后，添加一个成功的项目。e.currentTarget.inputItem.value = ""; // target.value = ""; const items: any = this.state.items; this.setStat

浏览 0提问于2020-03-11得票数 0

2回答

React: TodoList示例中的子通信

reactjs

我正在尝试添加删除列表中的项目的能力。因此，我在每个TodoList的末尾添加了一个"x“。但是，孩子如何修改父母的state.items呢？解决这一问题的“反应”方式是什么？var TodoList = React.createClass({ var createItem = function(itemText, indexReact.createClass({ ret

浏览 3提问于2015-08-14得票数 1

回答已采纳

2回答

在React中显示一个组件的多个属性

reactjs、components

我是个初学者，使用本教程作为指南学习React > 我的问题只是产品名称显示在页面上。我也需要斯库和价格来展示，但我不明白它们是如何不被传播的。APP组件>列表组件>列表组件import uuid

浏览 4提问于2016-04-03得票数 1

回答已采纳

1回答

语义UI React

reactjs、jsx、semantic-ui、semantic-ui-react

我正在使用React，并希望实现一个类似于这个网站的标签功能。我正在使用语义UI组件库，他们将此功能内置到他们的下拉组件中，您可以在其中输入其他值。下面是完成此操作所需的代码。通常，下拉组件期望传递一些选项，用户可以从此列表中进行选择。allowAdditional属性允许用户添加自己的值，然后在客户端呈现该值。如果不提供任何选项，库将在下拉列表中返回"No result

浏览 18提问于2019-08-21得票数 1

1回答

是否可以创建一个通用的React组件？

reactjs

我刚刚开始使用React和ES6，我正试图把我的应用程序弄干一点。我想要做的是创建一个组件，该组件接受集合中的项的集合和属性，并将其转换为列表。例如，如果我传入一组作者并指定姓氏，它将创建作者姓氏的列表；使用相同的组件，我希望在其他地方使用它，并传递一组歌曲并按标题列出它们。到目前为止，我的情况如下：import PropTypes from 'prop-types&#

浏览 0提问于2019-04-29得票数 0

回答已采纳

点击加载更多