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

@bem-react/core Proposal withBemMod with type check for mod

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

@belozer 已经在做这个了。

开始于 2019年8月9日。

  • #463 来自 @belozer —— 未关闭

评估

难度
4/5
预计耗时
3-5 天
新手友好度
35/100
Issue 类型
功能
描述清晰度
基本清楚
活跃度
停滞
技术栈
react, typescript
领域
frontend

调研方向

从 withBemMod 入口点开始,检查其 TypeScript 定义以及 mod 对象的类型定义方式。使用示例确认当前行为,然后确定对于无效 mod 值应出现的类型错误和编辑器补全。完成的标准是 mod 参数拒绝组件 props 之外的值,并提供基于类型的建议。

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

描述

export interface IconFaInstagramProps {
    fa?: 'instagram'
}

export const withFaInstagram = withBemMod<IconFaInstagramProps>(cnIcon(), {
    fa: 'Instagram' // -> TS not work
}, Icon => props => (<Icon {...props}><FaInstagram /></Icon>));

На текущий момент нет как типизации так и подсказок при наборе.
Приходится тратить на это время и внимание (хоть мы и прокинули интерфейс уже...).

主要语言
TypeScript
星标
450
派生
69
PR 合并指标
30 天内没有已合并 PR

环境准备

  • 没有 Dockerfile 或 Docker Compose 文件
  • 没有 Pull Request 模板
  • 阅读贡献指南

从这里开始

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

bem/bem-react 的其他 Issue

查看 bem/bem-react 的全部 Issue

相似的 Issue

更多 TypeScript Issue

把新 issue 发到你的邮箱

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