React将数组映射为dropdown问题

文章/答案/技术大牛

发布

1回答

javascript、arrays、reactjs

DropDownField source={PeopleList}> </tr>} 理想情况下，我想要PeopleArray，它是我的DropDownFiled组件中显示的年龄数组

浏览 31提问于2020-07-05得票数 0

3回答

如何使用map/ for -每一个对象的反应？

javascript、reactjs、foreach、dropdown、key-value

DropDown.jsimport { PropTypes } from 'prop-types'; DropdownToggleDropdownMenu, DropdownItem import * as Icon from 'react-bootstrap-icons/

浏览 4提问于2021-02-26得票数 0

回答已采纳

3回答

我可以在语义UI React的选项数组中为dropdown组件指定Divider或Header吗？

javascript、reactjs、semantic-ui-react

我正在使用ReactJS，并使用ReactJS的SemanticUI来设计前端，是否可以从下拉组件的options对象数组中指定header或divider？

浏览 37提问于2019-03-11得票数 2

回答已采纳

1回答

从react状态生成下拉菜单

javascript、reactjs、drop-down-menu、react-bootstrap

我正试图将包含几个单词的状态映射到下面的“反应引导”下拉菜单中，包括了我的尝试。import React, { Component } from 'react';import {Button,InputGroup,Dro

浏览 3提问于2019-10-16得票数 0

回答已采纳

1回答

和filter不适用于映射数据

javascript、reactjs、bootstrap-4、react-bootstrap

我在一个项目中使用了react-bootstrap库，并且使用了<Dropdown />组件，并且我试图让它包含一个可过滤的搜索。我从医生那里得到了这个：import Dropdown from 'react-bootstrap/Dropdown'// Dropdown need

浏览 4提问于2022-07-25得票数 0

回答已采纳

6回答

React.js JS将数组作为属性发送到元素中，将数组转换为对象

javascript、reactjs、arrays

我试图理解为什么将数组作为支柱发送到另一个元素，将其转换为一个具有数组值的对象，但我希望了解一下为什么以及它是一个通用的JavaScript‘怪癖’，或者它是否与React和道具有关。我的应用程序的这个部分的工作方式是，我的导航元素中有一个映射函数，它可以遍历所有导航项的数组。它为每个nav项添加一个列表项，然后使用一种方法检查导航项是否具有“submenu”属性，如果有，则将子菜单中的值映射到数组，并将数组发送到DropDo

浏览 5提问于2022-08-25得票数 0

回答已采纳

1回答

React / Javascript找不到array.map中的元素

javascript、arrays、reactjs

 constructor(props/16.6.3/umd/react.production.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/li

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

回答已采纳

3回答

在React中为每个项目下拉菜单渲染多行

reactjs、dropdown

React.render( <DropdownItem label="1 main street \n sacramento"Number 1" /> <DropdownItem label="2 main street \n stockton, california" value="2" />

浏览 0提问于2019-10-28得票数 0

1回答

使用.map()只在一个JSX元素中返回数组中的项

arrays、reactjs、select、jsx、dropdown

JSON格式为： { "name": "Bordeaux",dropdown组件并对其进行过滤，但是它并没有像我预期的那样返回:它只创建了一个JSX <option>元素，其中列出了所有数组项的值。我需要它来生成一个新的JSX元素，其中包含数组中每一项的当前值。如果我在最后一个映射函数上调用{

浏览 14提问于2021-05-14得票数 0

1回答

如果您打算呈现一个子集合，请使用数组代替。

reactjs

数组中的映射 { name: 'not dropdown', redirectTo: '../dashboard' }, { name: 'not dropdown', redirectTo: '..

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

回答已采纳

3回答

如何在this.handle中编写ReactJS中的功能组件

reactjs

dropdownOpen)div{} display:block<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.6.3/umd/react.production.min.js"></script> <script src="https:&

浏览 3提问于2021-10-12得票数 0

回答已采纳

1回答

如何在语义界面中增加单个选项的高度？

javascript、css、reactjs、semantic-ui

是否可以在语义UI React中更改单个选项的高度？或者有没有什么方法可以覆盖CSS类。我可以在下拉组件上应用内联样式 import React from 'react' import, } const DropdownExampleSelect

浏览 19提问于2021-02-08得票数 2

回答已采纳

1回答

如何动态构建包含header的语义ui下拉菜单？

javascript、reactjs、drop-down-menu、semantic-ui、semantic-ui-react

我有下拉选项，如 const options = [ { key: '2', text: 'Example 2', value: 'Example 2', type:'XYZ' }, { key: '3', text: 'Example 3', value: 'Example

浏览 16提问于2021-04-20得票数 0

1回答

默认支持值的useEffect无限循环问题

javascript、reactjs、typescript、react-hooks

</div>}<DropDown options={[]} /><DropDown options={undefined} />如果使用useRef解决问题，如果在运行时更改optio

浏览 4提问于2022-10-17得票数 0

2回答

如何从状态填充下拉选项？

javascript、arrays、reactjs

我似乎不能让select元素具有基于状态数组元素的选项。我尝试了一系列不同的方法，但这似乎是最细粒度的方法(几年后我刚刚回到react，并试图重新学习它)。我有一个完整的有状态组件用于dropdown，如下所示： import React, { Component } from "react"; { this.displayOptions() } ) };

浏览 6提问于2021-01-30得票数 0

回答已采纳

1回答

悬停在选项元素上？

javascript、css、reactjs、drop-down-menu、dropdown

是否可以将鼠标悬停在选项元素上以显示更多选项？我希望有一个下拉嵌套组件，如下面的屏幕截图所示我有这个对象数组并将其传递给dropdown组件，如果第一个对象有一个名为模块的字段，并且它有一个由两个对象组成的数组，我如何将其显示为嵌套的下拉列表？ index.js import ReactDOM from "react-dom"; import D

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

回答已采纳

4回答

在选择时将下拉值从函数传递给React.useEffect()

javascript、reactjs

尝试：import React from 'react'; c

浏览 9提问于2020-04-15得票数 0

回答已采纳

1回答

在react下拉下拉列表的onChange回调中设置值会引发一个错误

reactjs、dropdown、onchange

我使用下拉列表从react-dropdown显示一些选项。每次用户单击列表中的选项时，选项的值都会发生变化。根据我的代码，这是第一次发生变化。我怎么才能解决这个问题？import React, { useState, useEffect } from "react";import "react-dr

浏览 5提问于2021-04-18得票数 0

回答已采纳

1回答

如何访问组件外部的功能组件状态？

javascript、reactjs、react-hooks、react-state

();import React from 'react';import './Dropdown.css'; function Dropd

浏览 2提问于2021-01-11得票数 2

2回答

如何在react-native-material-dropdown中获取JSON数据

react-native

这是我的Json API data.In这个数据，我想在DropDown中获取leaveType，检查我的代码。{ "leaveType": "Privileged leave", ],} 我在我的react原生项目中使用了react- native -material-dropdown，我想从dropdown

浏览 20提问于2020-04-22得票数 0

回答已采纳

点击加载更多