React Select -如何在选项中显示/迭代来自api调用的数据，而不是硬编码选项？

文章/答案/技术大牛

发布

0回答

reactjs、react-select

我使用了react-select，我不想硬编码应该显示的选项，但选项是我从api获取的数据。我真的找不到任何东西，我试图做的事情也不起作用，因为什么都没有显示出来。有人知道吗？谢谢！api.js： return axios.get('/cities&

浏览 1提问于2017-12-06得票数 9

回答已采纳

2回答

React如何在选项中显示/迭代来自JSON数据的数据，而不是硬编码选项？

javascript、reactjs、json、select、react-select

我在我的应用程序中使用react select，我不想硬编码选择的选项，而是在我的程序中使用JSON文件，我发现了如何更早地在表中显示Json数据，并实现了它，我觉得这在某种程度上与此相关。" for="firstname">First name<span class="text-primary ml-1">*</s

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

回答已采纳

1回答

来自状态的React Ant设计defaultValue不起作用

reactjs、antd

我遵循了react 的Ant设计，他们在select元素内联中硬编码了默认值：我尝试使用来自react状态的完全相同的值，但它根本没有显示出来如果我使用value而不是defaultValue，那么它(与状态相同的值)就会显示出

浏览 32提问于2020-05-08得票数 0

1回答

JavaScript:如何调用接口URL作为下拉列表选项？

javascript、jquery、ionic-framework

最初，我做了一些硬代码来显示一个页面。但在那个屏幕上，我有一个下拉列表。当用户按下下拉列表时，必须显示选项下拉列表。我现在已经硬编码了。但我需要的是，我有一个API URL。在URL中，我有一个选项列表，如small、big、medium，我在URL API中有5个选项。现在如何在下拉列表中调用该AP

浏览 1提问于2016-06-14得票数 0

1回答

React-选择异步获取

javascript、reactjs、react-select

我正在使用react和react-select，并尝试从api中获取选项。一切都在我身上工作，但我想展示的是，当数据来自api时，将文本加载到react-select中。下面是我的react-select组件： <Select onChange={this.getSelected

浏览 19提问于2019-05-21得票数 1

2回答

表单安全性以防止通过浏览器开发工具进行价值更改

php

因此，我有一个<select>，其中的选项是，而不是从数据库中填充的。如何阻止用户将选项值更改为存在但不允许其访问级别的情况。示例-等级选项 - A - O - C - A

浏览 0提问于2015-02-18得票数 2

回答已采纳

2回答

反应性组件是否应该使用(固定的)值而不是状态或道具？

reactjs

我是新的反应，并试图理解，如果我正在做的是反模式。我有一个组件，它呈现一个包含<select>输入的模型。<select>中可用的选项来自服务--它们可能永远不会改变，但我希望这些值存在于服务中，而不是硬编码在组件UI上。我很想将这个选项数组分配给this，而不是thi

浏览 0提问于2019-07-31得票数 2

回答已采纳

2回答

匹配数组会反应js

javascript、reactjs、arrays

这可能是个愚蠢的问题。 API数组表示来自API的数据

浏览 6提问于2022-10-12得票数 0

回答已采纳

1回答

获取API并在react选择下拉列表中显示

html、reactjs、react-select

我使用的是react-select，我想从api中获取选项。在文档中，大多数是硬编码的数据，用于应该显示的选项。我通过数组映射并将数据存储到状态。import React from 'react'; import { Component } from 'r

浏览 8提问于2022-07-17得票数 0

1回答

我如何介绍javascript模板，如Mustashe或把手时，使用jQuery和引导？

jquery、twitter-bootstrap、model-view-controller、handlebars.js、mustache

我正在开发一个使用jQuery和Bootstrap编写的一页小应用程序，将来自ajax请求的数据显示到每个选项卡的“内容”中的表中。</div> 我想介绍一个模板库，如Mustashe或Handlebars

浏览 0提问于2014-05-11得票数 0

回答已采纳

1回答

在tablix行中显示多值参数的选定值。

reporting-services、rdlc

我希望请求报告的用户能够在生成报告时，从预定义的选择中指定一些值，这些值应该显示在报表的表格中。因此，我创建了一个多值参数，并使用我希望用户能够从中选择的选项填充可用的值，并且，正如预期的那样，在生成报表时，用户能够选择其中的一个或多个值。但是，我现在要做的是在报表中包含一个tablix，并为用户选择的多值参数中的每个值

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

回答已采纳

1回答

React-选择值在第一次选择时设置为null

javascript、reactjs、typescript、async-await、react-select

我正在使用react-select构建一个下拉列表：https://react-select.com/home 我的下拉列表选项来自对列表的API调用。我遇到的问题是，当你第一次选择一个选项时，当我选择另一个选项时，我的AccountSelected1会说它仍然是null，而不是它

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

回答已采纳

1回答

如何强制使用feed偏移关键字--从表中计算的数字

mysql

我正在尝试一些如这里所示的东西。(select floor(count(some_column) / 2) from something); MySQL在偏移之后抱怨查询部分；它确实接受硬编码的值，比如任何

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

回答已采纳

2回答

用PHP中的optgroup迭代下拉列表

php、mysql、codeigniter、optgroup

我正在用CodeIgniter开发一个应用程序，我的下拉列表之一由86个选项组成，这些选项应该是动态生成的，我已经决定在<optgroup>中使用它们，如下面的屏幕快照所示。我已经将所有这些选项存储在mysql数据库中。现在，我的问题是，我想使用foreach()循环迭代这些选项，以便每个组显示组标签。(在截图教育，接待)。我不喜欢硬编码这8

浏览 2提问于2013-10-23得票数 0

回答已采纳

4回答

从Kubernetes pod/容器内部识别节点的区域

kubernetes、google-kubernetes-engine

我有一个使用弹性搜索实现机架感知的用例，这需要我识别pod所在的区域。a)对google metadata端点的Curl请求，以从计算引擎元数据中检索节点 b)通过向下接口识别节点名称，使用节点名称调用Kube接口获取节点对象，使

浏览 1提问于2018-09-20得票数 2

1回答

Rails 5复杂范围查询及其关联

ruby-on-rails

我有3种型号的产品，选项和评论。一个产品有很多选择，也有很多评论。选项属于产品，评论属于产品。我想在注释模型中创建一个作用域，以获取product_id与选项模型中的product_id匹配的所有注释，然后检查注释模型中的属性“message”是否类似于属于该product_id的任何选项。我有一个员工，它将产品变量传递到注释模型中。我可以使用下面的代码来接近它

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

回答已采纳

1回答

无法从数据库外的select获取值

php

我在从select中获取一个值时遇到了一个问题，这个select会将它的选项从数据库中取出。我试过寻找解决方案，但似乎找不到答案，因为选项并不是硬编码的。这是选项选择： <select id="selectmission" name='missionselect' onchange='sho

浏览 1提问于2012-05-13得票数 0

1回答

对下拉列表进行更改，等待触发事件，然后进行更多更改。

javascript、jquery、drop-down-menu

我有两个select下拉菜单，.aselect和.bselect.我在.aselect上有一个.aselect事件来进行API调用并更新.bselect上的选项，这是可行的。但是，当我尝试使用jQuery在.aselect中选择一个选项，然后在结果的.bselect中选择一个预期的选项时，似乎在试图在.bselect中选择该选项之前，API请求还没有完成，所以它不存在，也没有选择任

浏览 0提问于2019-08-07得票数 0

回答已采纳

1回答

我有一个下拉列表，它有一些状态，比如交付、取消、失败、进展中。我是使用下拉绑定值使用敲除。下面是示例代码。<select id="ddlStatus" data-bind="options: status, optionsText: 'statusName', optionsValue: 'statusId', optionsCaption: '', value : $root.SelectedStatus"></sele

浏览 3提问于2017-11-13得票数 0

回答已采纳

2回答

renders在元素周围呈现双引号

javascript、reactjs、jsx、react-bootstrap

在React组件中，我为<select>生成了一个<select>的列表。这是在ComponentDidMount()中完成的，并存储在本地状态。然后呈现此列表。但是，每个<option>都会被用双引号括起来，这会导致页面上没有显示选项。下面是它们的样子：这是来自浏览器开发工具的图片(我不得不发送一张图片，因为复制它删除了引号)。前两

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

回答已采纳

点击加载更多