Hacktoberfest 2026:维护者为十月标记出来的 issue,仍然开放、适合新手。 浏览 Hacktoberfest issue

Can't create a Select component with a Object value

未关闭
#1,159 0 条评论 0 个 reaction 已指派 0 人 在 GitHub 查看

还没有人认领这个 Issue。

评估

难度
2/5
预计耗时
1-3 小时
新手友好度
45/100
Issue 类型
缺陷
描述清晰度
描述清楚
活跃度
停滞
技术栈
react, typescript
领域
frontend

调研方向

从 src/OptionList.tsx 中 issue 链接到的渲染代码开始,使用值为对象的选项复现运行时错误。确认 label 仍然是渲染后的文本,同时对象值选项不再导致错误,然后使用现有测试套件验证相关的 Select 行为。

由索引模型根据 Issue 内容生成。

描述

I'm trying to create a Select component with a object value.

{
 label: `My String`,
 value: { CuteCharm: true },
}

This results in a runtime error because value is rendered here: https://github.com/react-component/select/blob/48e24574fdf6a7b68589631e32d69d8dc629c974/src/OptionList.tsx#L309C9-L309C16

Image

Expected behaviour: value can be an object, and it is not rendered (only label is rendered).

Proposed solution: Replace {value} by {typeof value === 'object' ? value.toString() : value}

主要语言
TypeScript
星标
938
派生
482
平均合并
15 小时 8 分钟
30 天内合并 PR
2

环境准备

我们还没有检查这个项目的环境配置文件。先看它的 README,通用步骤见我们的新手贡献指南。

从这里开始

  1. 先读完整个 Issue,再读项目的贡献指南。
  2. 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
  3. Fork 仓库,在一个分支上完成修改。
  4. 提交 Pull Request,并在描述里引用这个 Issue 编号。

react-component/select 的其他 Issue

查看 react-component/select 的全部 Issue

相似的 Issue

更多 TypeScript Issue

把新 issue 发到你的邮箱

精选适合新手参与的 GitHub issue 摘要。