我正在开发一个ReactJS应用程序，并试图在下拉列表(语义UI组件)中获取所选选项的文本；
exposedCampaignOnChange = (e, {value}) => {
this.props.campaignExposedSelected(value);
};
<Dropdown
placeholder='Campaign Exposed To'
fluid
search
selection
multiple
options={this.state.campaigns}
onChange=
浏览 0提问于2018-05-24得票数 3
回答已采纳
我有一个基本的下拉设置，如下所示：
(显然，在现实世界中，fetchValues()将转到服务器)：
import ReactDOM from "react-dom";
import React, { useState, useEffect } from "react";
const fetchValues = () => Promise.resolve(["option1", "option2"]);
function Dropdown(props) {
const [options, setOptions] =
浏览 0提问于2019-11-20得票数 1
因此，我在从下拉按钮获取所选值并将其分配给我的状态时遇到了问题。 这是我的change函数： change = (e) => {
this.setState({
[e.target.name]: e.target.value
})}; 我的下拉菜单： <Dropdown name="course" onChange={e => this.change(e)}>
<Dropdown.Toggle variant="success" id="classes">
浏览 52提问于2019-03-22得票数 0
我是个反应新手。为什么我的数据不能传递到另一个组件？我的想法是在用户选择选项标签，然后它将加载一些音频文件的基础上的选择。但这不管用。我错过了什么？
还是有更好的办法呢？
这是我的下拉组件
import React from 'react';
import Playlist from './Playlist/Playlist.js';
class Dropdown extends React.Component {
constructor (props) {
super(props);
this.state = {value: "1
浏览 1提问于2018-03-13得票数 0
我制作了一个名为DropDown的组件
export default class DropDown extends React.Component {
render(){
return(
<select multiple={this.props.multiple} onChange={this.props.onchange} id={this.props.id} className={this.props.class}>
{this.props.children}
</se
浏览 0提问于2019-08-15得票数 0
回答已采纳
如何在ReactJS中利用lodash获得独特的价值？现在我得到了所有的数据。但是如何避免打印重复的数据呢？实际上它是一个过滤盒。所以我必须避免数据重复。有人能帮我吗？
功能：
comboClick () {
var apiBaseUrl = "http://api.eventsacross-stage.railsfactory.com/api/";
var input = this.state.search_event;
let self = this;
axios.get(apiBaseUrl+'v1/events/?on_das
浏览 4提问于2017-11-01得票数 1
回答已采纳
如何在此codeigniter选择选项中添加id
echo form_dropdown('selling', $ex_rates);?>
浏览 2提问于2011-04-27得票数 1
回答已采纳
我正在为用户在UI中为产品列表创建一个过滤器功能。但我有一个问题，我不知道，也从来没有尝试过这个功能，所以我真的很难解决它。我只有一天的时间去做那件事，所以我很困惑。
这是我的Dropdown组件
import React from "react";
import { Dropdown as BootstrapDropdown } from "react-bootstrap";
import PropTypes from "prop-types";
import "../Dropdown/index.css";
const Dr
浏览 2提问于2020-09-09得票数 2
我正在使用PrimeReact的Dropdown。
我有这段代码，但在Dropdown中，我只能显示label，而不能显示name。
如何在Dropdown菜单中显示optionsSearch变量的每个元素的名称以选择这些名称？
import React, {Component} from 'react';
import {Dropdown} from 'primereact/components/dropdown/Dropdown';
class OptionsExample extends Component {
constructor(props
浏览 0提问于2018-07-03得票数 1
我创建了一个下拉菜单，并试图将它传递给另一个组件：
var DropDownButton = React.createClass({
getInitialState: function() {
return {
stage: 'Select'
}
},
change: function(e){
this.setState({
stage: e.target.value
});
},
render: function() {
浏览 5提问于2016-12-19得票数 0
回答已采纳
I有以下组件：
由于我的按钮组件是通用的，它的事件也是通用的，我的无序列表也是如此；设置事件的是下拉列表。以下是两者的相关代码：
按钮组件：
render(){
return(
{/* whenClicked is a dropdown property /*}
<button onClick={this.props.whenClicked} type="button">
.....
</button>
)
无序列表组件：
constructor(props) {
super(props)
浏览 2提问于2015-06-10得票数 0
回答已采纳
我刚接触过反应。我想点击一个图像，然后转到下拉组件，然后每次我切换语言选择时，它都会在播放列表组件中输出不同的语言。
播放列表组件和下拉组件是兄弟姐妹。我该如何做到这一点？我试图将一个函数传递给下拉组件，但是什么也没有发生。
父母: entry.js
import React from 'react';
import mind_zebra from '../../images/MindScribe-zebra.png';
import Dropdown from './Dropdown/Dropdown.js';
export defa
浏览 1提问于2018-03-13得票数 0
回答已采纳
我总是使用功能组件，因为它们给了我更多的灵活性，并且我可以使用钩子来处理它们。我有一个下拉菜单功能，它使用类组件进行编码。现在，我需要将它转换为一个功能组件，因为我需要为一些菜单按钮做一些后端工作，比如注销和名称等等。
我试着把它转换成我自己，但它最终总是保持模态打开，给我一个错误，读" this.props.toggle is not a function at Dropdown.toggle"，它减慢了我的网站难以置信。
如何使以下代码等效于功能组件？
类组件：
import React, { Component } from "react";
import
浏览 11提问于2022-06-11得票数 0
回答已采纳
1回答
引导下拉动态ajax列表项
、、、、
我使用引导下拉列表，并试图在下拉显示之前通过AJAX动态填充列表项。我的脚本必须从数据库中获取可用项并将它们插入
我防止默认事件，然后执行ajax并设置触发器，但是"data“是未定义的，我没有看到下拉列表。像这样的脚本通常可以正确地处理表单。
$(".dropdown").on("show.bs.dropdown", function(e, data){
ths = $(this);
if (data == 'okay') return true;
e.preventDefault();
$.aj
浏览 3提问于2015-03-11得票数 3
回答已采纳
2回答
我正在尝试构建一个多层次的ReactJs下拉菜单。我使用以下post/代码作为基础：和作为我的ReactJs组件的起点：
class DropdownMenu extends Component {
static propTypes = {
config: PropTypes.array.isRequired
};
getMenuItemTitle = (menuItem, index, depthLevel) => {
return menuItem.title;
};
getMenuItem = (menuItem, depthLevel, i
浏览 2提问于2018-08-28得票数 1
回答已采纳
7回答
下面是我的代码，请解释什么是引用cboListType。
Lists.LoadListTypes(ref cboListType);
public static void LoadListTypes(ref DropDownList dropDown)
{
if (!Util.IsCached(LIST_TYPES))
{
Util.InsertIntoCache(LIST_TYPES, DataAccess.ListListTypes());
}
dropDown.DataSource = (DataTable)Util.GetFromCa
浏览 0提问于2011-08-18得票数 0
3回答
我试图在下拉菜单的悬停效果中实现时间延迟。我试图使用setTimeout和下拉列表做正确的工作在悬停，但我没有得到的延迟。它只是瞬间发生的。下面是我的代码：
$(document).ready(function(){
$("li.dropdown-hover").hover(hoverIn, hoverOut);
});
function hoverIn(){
setTimeout(func1(this), 3000);
}
function hoverOut(){
setTimeout(func2(this), 1000);
}
function
浏览 1提问于2016-03-11得票数 1
回答已采纳
我是jQuery的新手，还在学习如何编写脚本语言。我最近尝试在一个下拉菜单上工作，但我觉得我在代码中做错了什么，或者更重要的是，我觉得一个语言专家可以写比我少的代码行。你能帮帮我吗。我的代码看起来像这样：
HTML
<ul id="menu">
<li><a href="">HOME</a></li>
<li id="li_1"><a href="">PRODUCTS</a>
<ul id="
浏览 0提问于2013-04-30得票数 4
我想要的是在if函数中添加map条件，但没有成功：
const CityOptions = Data.CityData.map((state, index) => ({
key: index,
text: state.name,
value: state.id,
}));
render(){
return(
<Dropdown
id="City"
search selection
options={CityOptions}
></Dropdown>
}
}
我试过：
<Dropdown
浏览 2提问于2019-09-19得票数 1
回答已采纳
1回答
我正在尝试添加下拉菜单按钮到一个网站的响应顶部导航，我正在从这个colorlib模板制作。
function adventures() {
$("#adventures").toggleClass("show");
}
下面的.appendTo()方法破坏了桌面视图中的下拉按钮，但它们在非画布菜单中的移动屏幕大小上有效。
$('.js-clone-nav').each(function() {
var $this = $(this);
// suppsoed to copy everything under js-clone-nav int
浏览 19提问于2021-02-23得票数 2
回答已采纳
2回答
我正在使用多选择下拉列表，我想要的是我在下拉列表中选择的任何东西，通过调用包含查询参数的api将其发送到服务器，以容纳这些下拉结果。我已经做了一系列选定的项目。.数组(3) "IphoneXR“、”诺基亚“、”三星“ --我希望这个数组能像下面这样传递到url下面：用我的方法，我会得到这样的结果：.我不知道为什么dropdown[]要来两次。有人能帮我一下吗？
浏览 7提问于2020-06-30得票数 1
回答已采纳
我有一个任务要创建一个搜索页面( drop downs )，其中有两个textbox、一个textbox和一个grid，其中数据是动态加载的(我使用JQuery和Web查询来动态获取数据)。
首先，dropdown框将包含客户关系管理的所有实体，在从第一个dropdown框中选择实体之后，第二个dropdown框将被更新为属性名称(自定义实体中的列名)，网格中将装载属性及其值。
我创建了一个Web查询来获取自定义属性，但无法在单个查询中获取该属性的值。
我创建了这个查询来获取自定义属性。但是我无法得到属性的值。在这个查询中，test_policy是动态获取的。
https://halfstac
浏览 4提问于2019-07-15得票数 0
1回答
我在进行电子邮件验证时，用户单击一个系统生成的链接，即:使用www.mydomain.com/verify?token=982db6fefde1fb的<Route path="verify?token=:id" component={Verify} />，但如果在:id之前没有/，则似乎无法获得动态id，否则会引发路由器错误。
Warning: [react-router] Location "/verify?token=982db6fefde1fb25cc0a8cd82dae783ff5519b3f023463c1" did not match a
浏览 2提问于2017-01-11得票数 1
回答已采纳
我是新来的反应。我正在获取github用户信息的搜索。无法在子组件中获取数据。下面是我的代码。有什么问题，我不能用this.state.userList.map吗？
class SearchHeader extends Component {
constructor(props) {
super(props);
this.state = {
errorMessage: '',
userList: [],
isOpen: false,
u
浏览 1提问于2018-06-09得票数 0
1回答
我在tkinter上有一个下拉列表，里面有一些东西。
OPTIONS = [0,1,2,3,4,5,6,7]
clicked = tk.StringVar()
clicked.set(OPTIONS[0]) # default value
drop = tk.OptionMenu(frame2, clicked, *OPTIONS)
drop.place(relx = 0.65, rely=0.25, relwidth=0.08, relheight=0.6)
但是，当用户选择一个值时，我也希望发生其他事情。就像将值返回到全局变量，或者使按钮的状态正常，因此它再次可见。
在选择项或选择其他项时
浏览 2提问于2021-04-04得票数 0
回答已采纳
我是react的新手，我正在尝试在应用程序中显示从数组中获得的数据。我使用axios发出get请求，响应显示了一个数组。我试图按照我在互联网上找到的一个教程来显示这个数组，但它不起作用。你能检查一下我的代码，告诉我出了什么问题吗？如果我的代码是完全错误的，你能建议我一个让数组显示的方法吗？提前感谢
class Dashboard extends Component {
state = { data: [] };
static propTypes = {
history: PropTypes.object.isRequired,
}
c
浏览 3提问于2021-02-13得票数 1
回答已采纳
1回答
我想构建一个应用程序，用户可以在React中从两个不同的下拉列表中选择他们最喜欢的食物和第二喜欢的食物。我使用reactjs- dropdown -component构建了dropdown，并将其放在独立于我的主应用程序的脚本中。在用户选择了他们最喜欢的两种食物之后，我希望他们提交并打印到控制台。我不确定如何检索这个值，因为实际的dropdown值在一个单独的脚本中。 下面是dropdown脚本： import React, { Component } from 'react';
import {DropdownMultiple, Dropdown} from 're
浏览 15提问于2019-05-22得票数 0
我正在做react项目。在导航栏的应用程序中，我正在显示菜单。在这里，我想显示一些文本或消息。此消息必须在页面加载过程中从API加载。下面是我的代码。
const NavigationBar = ({ className }) => (
<div className={className}>
<NavigationBarSection>
<NavigationTitle to="/">
<ReactSVG path={ipmLogoUrl} style={{ width: 24 }} /&g
浏览 2提问于2019-03-14得票数 0
1回答
我有一个社交网站建立在Symfony框架上使用Bootstrap。我读过关于React.js的文章，现在我用它编写视图部分。我有几个问题。
1)我可以直接使用引导组件吗？例如-
var NavbarLeftMenuBar=React.createClass({
render: function() {
return(<ul className="nav navbar-nav">
<li><a data-toggle="modal" href="#myModal" id="
浏览 3提问于2015-05-09得票数 2
回答已采纳
2回答
我得到了这个应用程序，它的分类和子类别存储在MongoDB中。我想要的是，每当用户在下拉菜单上选择一个类别时，它旁边就有另一个下拉列表，它有子类别，这取决于我想要显示的是属于类别选择的子类别。
例如，我们有两家汽车制造商:福特和菲亚特。
如果福特被选中，我想在第二个下拉式上装载那个品牌的汽车，如果另一个被选中，那么就装载菲亚特的汽车。
现在，我需要通过从API中获取数据并将其加载到客户端来完成这些工作。
在我看来，我看到了两种可能的解决方案:一种是获取所有东西，检查它属于哪里，然后创建一个新数组，根据所选内容将数据发送到下拉列表。第二个选项是为每个选择从API中获取数据并将其推送到下拉列表中。
浏览 5提问于2022-02-22得票数 0
回答已采纳
我正在尝试使用JSON数据填充导航栏项，即导航列表。我试图通过数据和显示下拉导航项目的地图。
下拉导航示例代码：
<nav class="navbar navbar-inverse">
<div class="container-fluid">
<div class="navbar-header">
<a class="navbar-brand" href="#">WebSiteName</a>
</div>
浏览 0提问于2018-08-08得票数 1
回答已采纳
我尝试将数据从子组件发送到它的父组件，如下所示：
const ParentComponent = React.createClass({
getInitialState() {
return {
language: '',
};
},
handleLanguageCode: function(langValue) {
this.setState({language: langValue});
},
render() {
return (
浏览 114提问于2016-07-15得票数 316
回答已采纳
我怀疑如何关闭选择下拉菜单上的屏幕方向改变。现在，我有一个侦听器，它在改变方向时处理状态：
const [orientation, setOrientation] = useState('portrait');
useEffect(() => {
window.addEventListener('orientationchange', setScreenOrientation)
return () => {
document.removeEventListener('orientationchange',
浏览 11提问于2022-02-11得票数 0
回答已采纳
从render方法渲染不同的组件需要什么实现。如下图所示，Survey component接收一个包含不同组件名称的数组(可以是Input、CheckList、Dropdown、File)。传递给Survey Component的属性取决于所单击的按钮是否正确生成，但此时呈现不同的组件是不起作用的。我正在使用来测试它。
const Dropdown = () =>{
return(
<div>
<select>
<option value="initial" selected>Select.
浏览 3提问于2017-07-19得票数 1
回答已采纳
4回答
我的页面中有一个下拉菜单，它类似于：
<select id="my_dropdown" name="my_dropdown">
<option value="one">ONE</option>
<option value="two">TWO</option>
<option value="three">THREE</option>
</select>
<i
浏览 1提问于2012-06-14得票数 0
回答已采纳
我是网页设计的新手，在社区中我没有找到一个合适的答案。我需要用JavaScript和按钮btn1验证一个下拉菜单，但是我的代码不能工作，为了简单起见，我将只包含一个代码片段。请帮帮忙
<form>
<label for="dropdown1">Option</label>
<select id="dropdown1">
<option value="">--Select an option--</option>
浏览 5提问于2019-07-28得票数 0
回答已采纳
我是reactJS的新手，我陷入了一个问题。我有一个按钮在标题，需要切换一个类别‘显示’在一个菜单，这是在其他文件。我试图使用全局状态，但不知道如何做到这一点。以下是我所做的；
布局文件
import React, { useState } from "react";
// importing header / menu etc.
function LayoutHome({ children }) {
const [state, setState] = React.useState({ MsgMenu: 'messages-dropdown' });
cons
浏览 6提问于2022-04-02得票数 0
我有两个组件，按钮上的onClick从“按钮组件”，我需要执行开放和关闭操作的模式，但我的模式是在“下拉组件”。按钮和下拉组件之间没有任何关系，现在我如何将Onclick事件从"Button组件“发送到”下拉组件“，并使用它来执行该模式的打开和关闭操作。
我的按钮组件
const Button:React.FC = () => {
const [cancel, setcancel] = useState<boolean>(false)
const onCancel=(event: React.MouseEvent<HTMLButtonEleme
浏览 7提问于2022-04-19得票数 0
2回答
嗨，当页面加载时，我需要在dropdown中填充列表，所以我将同样的内容放在componentDidMount()中。
componentDidMount() {
axios.get(`http://localhost:8080/country_code`).then((res) => {
const countryData = res.data;
this.setState({ countryData });
});
}
这些数据需要是下拉列表的一部分。
<select id="dropdown">
浏览 2提问于2022-01-18得票数 0
回答已采纳
const form = {
firstname: "",
lastname: "",
email: "",
password: "",
gender: "",
dob: "",
username: ""
};
export default class Login extends React.Component {
constructor (props) {
浏览 0提问于2017-11-05得票数 4
回答已采纳
我有2个语言切换链接
<a class="dropdown-item"
href="@Url.Action(ViewContext.RouteData.Values["action"].ToString(), ViewContext.RouteData.Values["controller"].ToString(), new { language = "en" }, null)"
style="color:#333;">English<
浏览 2提问于2018-07-26得票数 0
我有这个包含循环项目的下拉列表。我想要的是，当我在下拉列表中更改所选项目的值时，它会使用路由将该值发送到控制器。
这是我的下拉列表中名为resolution_time_of_calls.blade.php的视图中循环项的代码
<div class="dropdown">
<form action="" method="POST">
<select name="year">
<option class
浏览 0提问于2019-02-14得票数 1
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle toggle2" href="#" id="navbarDropdown2" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Ma
浏览 0提问于2018-04-24得票数 2
我有两个下拉列表。当从第一个下拉列表中选择项时。我需要添加项目到第二个下拉列表，但它给错误。
我检查了第二个dropdown的项目已经是空的。当first dropdown更改时，second的dropdown的项不为空，但不起作用，并给出错误。
有什么想法吗？
第一个下拉代码：
Widget getPolWidget() {
return Row(
mainAxisAlignment: MainAxisAlignment.start,
children: <Widget>[
Icon(
Icons.touch_a
浏览 0提问于2019-11-08得票数 1
1回答
如何在点击后加载选择下拉菜单项目
、、、、
我的WordPress中有一个包含7.000个itens的选择框，由于性能问题，我希望只有在用户单击后才会加载选项。我不知道该怎么做，因为生成选项的代码是HTML和PHP的混合。
<select class="chosen" name="tag-dropdown" onchange="document.location.href=this.options[this.selectedIndex].value;">
<option value="#">Select an artist</optio
浏览 3提问于2018-01-04得票数 0
4回答
我有两个组件：App和Contact。我只想在我正在传递的联系人页面上打印id，但是当我在contact组件中console.log(this.props)时，它显示的是一个空对象。
import React from "react";
import Contact from "./Contact";
import { BrowserRouter as Router, Route, Link } from "react-router-dom";
class App extends React.Component {
render() {
浏览 0提问于2019-10-15得票数 2
回答已采纳
现在我想用ng-class切换类，但是现在我只能使用带有子<a>的选项卡。这里是
<ul class="nav navbar-nav navbar-right">
<li ng-class="{active:isActive('/home')}"><a ui-sref='home'>Home</a>
</li>
<li ng-class="{active:isActive('/ebin'||'/re
浏览 2提问于2015-01-06得票数 0
var siteid = $("#OperationSiteId option:selected").val();
$("#OperationSiteequipmentId").load("<?php echo $this->Html->url(array('controller'=>'Operations', 'action'=>'equipment_dropdown')) ?>/"+$(equipment).val()+"/"
浏览 1提问于2015-08-07得票数 0
我从下拉列表中选择的选项中有一个值的数组。我想在Django Rest.Everytime中使用fetch传递这些参数，我将选择不同数量的值。所以我的dropdown是这样的： <Select isMulti placeholder="Select Option" options={soptions}
onChange={this.selectValue(this)}/>
selectValue(e){
var selectValue=th
浏览 58提问于2020-11-19得票数 0
回答已采纳
1回答
我有一个由IBM库中的语言组成的旋转器。我希望用户选择一种语言并将文本翻译成所选的语言。我从spinner获得了这个值，但是我不知道如何将这个值传递给目标语言。请帮帮忙。
`enter code here`Spinner s = (Spinner) findViewById(R.id.spinner1);
ArrayAdapter<String> adapter = new ArrayAdapter<String>(this,
android.R.layout.simple_spinner_item, languages);
ad
浏览 1提问于2020-04-21得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
