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

RouteComponentProps workaround

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

还没有人认领这个 Issue。

评估

难度
3/5
预计耗时
1-2 天
新手友好度
25/100
Issue 类型
功能
描述清晰度
需要澄清
活跃度
停滞
技术栈
react, typescript
领域
frontend

调研方向

从 src/Post.tsx 中引用的行开始,将其 props 类型与链接的、关于 router match 对象的 Stack Overflow 讨论进行比较。检查提议的 Route render 示例,以确定该示例应演示 router 提供的 props、额外的组件 props,还是两者都演示;完成后,预期的 TypeScript 类型和示例行为应当清晰明确。

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

描述

love your series dude
over 80k subscribers already? fame is good and bad eh, hope it'll give you a lot of energy and motivation. You are btw the only one I am watching where I dont have the feeling you are trying to sell me onto something. With other youtubers, you always feel like they skipping their real opinion to get you buy something.

https://github.com/benawad/react-router-example/blob/c9736a444ea1f4ebb1b9dc8e6991d5ff106ff064/src/Post.tsx#L4

referencing issue here:
https://stackoverflow.com/questions/48138111/what-typescript-type-should-i-use-to-reference-the-match-object-in-my-props

my poor mans workaround is just doing this:

interface Props  {
  match?: {params: {id: string}}
}

btw another good addition to the example would have been this:

        <Route path="/" exact render={(props) => {
          return <LinkScannerStart {...props} literals={Props.literals}/>
        }}/>

e.g. the ability to add props to a component of the router

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

环境准备

这个项目没有提供开发容器、Dockerfile 或贡献指南,环境需要你自己搭建:先看它的 README,通用步骤见我们的新手贡献指南。

从这里开始

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

相似的 Issue

更多 TypeScript Issue

把新 issue 发到你的邮箱

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