材质 UI 选择设置值始终超出范围

2024-03-07

我有一个 MaterialUI Select 代码,并且我正在动态处理 value 参数。我的问题是,当我设置任何值时,它总是说它超出范围,甚至在有效值中显示该值。

SelectInput.js:291 Material-UI: you have provided an out-of-range value `100001,250000` for the select (name="followers") component.
Consider providing a value that matches one of the available options or ''.
The available values are `0,50000`, `50001,100000`, `100001,250000`, `250001,500000`, `500001,750000`, `750001,9007199254740991`.
(anonymous) @ SelectInput.js:291

这是我的简化代码:

const followers = [
  { '0-50k': [0, 50000] },
  { '50k-100k': [50001, 100000] },
  { '100k-250k': [100001, 250000] },
  { '250k-500k': [250001, 500000] },
  { '500k-750k': [500001, 750000] },
  { '+1M': [750001, Number.MAX_SAFE_INTEGER] },
];

    <div className={classes.formGroup}>
                      <InputLabel id="followersL">Followers</InputLabel>
                      <Select
                        className={classes.field}
                        fullWidth
                        id="followers"
                        labelId="followersL"
                        margin="dense"
                        displayEmpty
                        name="followers"
                        onChange={(event) => setValue(event.target.value)} //I've updated the sate with the new value
                        value={
                          filters.basicInfo.followers
                            ? value 
                            : ''
                        }
                        variant="outlined"
                      >
                        {followers.map((element) => (
                          <MenuItem
                            value={element[Object.keys(element)]}
                            key={Object.keys(element)[0]}
                          >
                            {Object.keys(element)[0]}
                          </MenuItem>
                        ))}
                      </Select>
                    </div>

正如您在消息中看到的,所选的值100001,250000它在范围示例之内100001,250000

哪里有问题?


像这样添加defaultValue =“”

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

材质 UI 选择设置值始终超出范围 的相关文章

随机推荐

  • 构建时 Swift 编译器分段错误

    添加 方便的 计算height财产给UIView in my UIViewExtension swift文件导致 Swift 编译器出现段错误 这里可能出了什么问题 0 swift 0x00000001061e5608 llvm sys P
  • 在 Scala 中使用 FoldLeft 将参数列表应用于柯里化函数

    是否可以做一个foldLeft在参数列表上 其中提供给折叠的初始值是完全柯里化函数 运算符是apply 列表是要传递给函数的参数列表f 例如 假设 f 定义为 scala gt val f i Int j Int k Int l Int g
  • R,更改轴刻度线和刻度线标签之间的距离

    在下面的示例中 我在 0 95 处绘制了一个自定义刻度线 根据 Thomas 的建议进行编辑以使标签水平 d matrix runif 40 ncol 4 colnames d c a b c d barplot d beside T co
  • 调用eachParallel() 时的 Groovy (GPars) 和 MissingMethodException

    当我在控制台中运行以下代码时 groovy 2 1 3 strings butter bread dragon table strings eachParallel println it0 I get groovy lang Missing
  • 无法使用 MapStruct 将属性 String 映射到 JAXBElement

    所以我玩了一下 Mapstruct 阅读了版本 1 1 0 Final 的参考文档 并得出了这一点 隐式类型转换 http mapstruct org documentation stable reference html implicit
  • Python - Sympy 最小值和最大值

    我正在尝试学习 sympy 的微积分函数 并且我能够通过以下方式尽可能获得极值临界点的二阶导数的根 import numpy as np from numpy import linspace math arange linspace fro
  • MVVM、ObservableCollection、异步等

    因此 我正在进入下一阶段的教育 并且已经遇到了与 SQLite 使用相关的一些障碍 这是一个通用应用程序 我当前的重点是该解决方案的 Windows Phone 方面 我的问题在某种程度上独立于 SQLite 但我将使用它作为示例 我正在将
  • 如何展示在线用户

    我正在编写一个简单的聊天 我需要列出在线用户 我不使用devise对于身份验证 有一个自定义user通过验证的模型omniauth user rb class User lt ActiveRecord Base has many messa
  • 验证 Facebook Connect 会话

    我正在编写一个应用程序 它有多个前端客户端 使用 Facebook Connect 作为单点登录解决方案 例如 其中一个客户端在 iOS 平台上运行 因此所有 Facebook 身份验证都通过 iOS Facebook SDK 在客户端上进
  • MySql - 计算多行的时间差

    我有一个包含制造装配数据的表 包括时间戳 我试图确定 作业 开始之间的平均间隔 以分钟为单位 我返回 id 和时间的查询如下所示 select job id job started from JobTable where job start
  • chrome 扩展 - 我如何等待 chrome.runtime 函数?

    我在后台的操作是访问该站点并从那里获取信息 问题是代码在收到信息之前继续运行 附上显示问题的代码 背景 js chrome runtime onMessage addListener function request sender send
  • 将警告视为 TFS 级别 VS2017 上的错误

    我已经为此苦苦挣扎了一段时间 我搜索并尝试了不同的方法 但它不起作用 所以我将其发布在这里 我想在 TFS 级别构建时将警告视为错误 但此选项不起作用 我已经按照其他帖子上的建议完成了 我已经尝试过 p TreatWarningsAsErr
  • 如何使用 Excel VBA 将项目添加到 Sharepoint 列表?

    我有一个基于 Excel 的应用程序 它收集一些用户输入 并根据该用户输入进行一些计算 应用程序本身不存储任何用户输入或计算 目前 每当用户运行该应用程序时 它都会将数据发送到 Access 数据库并向 Access 表中插入一行xlTab
  • 每行读取行的最快方法是什么

    我有一个巨大的字符串文件 所有行都应添加到我的代码中的列表中 最快的方法是什么 我发现this https stackoverflow com questions 9093888 fastest way of reading relativ
  • C++ 流混淆:istreambuf_iterator 与 istream_iterator?

    有什么区别istreambuf iterator and istream iterator 一般来说 流和streambufs之间有什么区别 我真的找不到任何明确的解释 所以决定在这里询问 IOstreams 使用streambufs 作为
  • 使用 SQL 从 XML 中删除具有特定值的节点

    我正在尝试解析一段 XML 并删除包含某些值的节点 如果值准确 我知道如何删除它们 但我想使用 包含 之类的东西 这可以准确删除 update XML set data modify delete Message text customer
  • 如何返回异步 IEnumerable

    我有以下方法 public async IEnumerable
  • 如果java spring cors策略被阻止,如何访问后端? [关闭]

    Closed 这个问题需要调试细节 help minimal reproducible example 目前不接受答案 我使用 Java spring 作为后端 当前端到达我的端点时 他会收到错误 从源 http localhost 300
  • 如何扁平化查询结果?

    用一个例子让大家很容易理解 https developer github com v4 explorer https developer github com v4 explorer 查询观众信息 query viewer follower
  • 材质 UI 选择设置值始终超出范围

    我有一个 MaterialUI Select 代码 并且我正在动态处理 value 参数 我的问题是 当我设置任何值时 它总是说它超出范围 甚至在有效值中显示该值 SelectInput js 291 Material UI you hav