小编Dan*_*noz的帖子

有人可以帮我理解以下类型声明的含义...

type PoorMansUnknown = {} | null | undefined;

这是一个 TypeScript 声明，我在history包的上下文中遇到过它。

我已经四处搜索试图自己理解它，但是，鉴于我对 TypeScript 还很陌生，这让我有点困惑。我发现了以下信息：

• 原来遇到的地方，历史包
• 与同一历史包相关的计算器溢出问题
• 使用该方法的另一个包
• 一个关于它的 twitter 对话暗示它与“某种”有关，为你不确定的东西声明一个类型......

我的假设是在这一点上，这个声明的作者希望它是一种说法……在运行时，这个东西可以是一个空对象，也可以是 null 或未定义的。

有关更多上下文，这种类型在我的雷达上出现的方式在react-router-dom包中（此处为 typedef）。具体来说，我去使用组件Redirect并且它的属性为： object因为我希望能够告诉组件我已经路由到我之前所在的位置

例如

<Redirect to={{
  pathname: "/login",
  state: { from: "current-path }
 }} />

反应路由器的 doco 说......

可以通过重定向到组件中的 this.props.location.state 访问状态对象。然后将通过路径名“/login”指向的登录组件中的 this.props.location.state.referrer 访问这个新的引用键（不是特殊名称）

所以，我去访问 props.location.state 这样......

const { from }  = location.state || { from: { path: '/' } }

我得到一个错误

Property 'from' does not …

我有个问题

我有一个使用 Tailwindcss 进行样式设置的输入字段，如 https://codesandbox.io/s/tailwind-cra-forked-v0cx3?fontsize=14&hidenavigation=1&theme=dark中所示

我在删除输入和自动填充中的背景时遇到问题。似乎没有任何作用。

有人可以帮忙吗？谢谢

我第一次尝试在React项目中使用SVGR，以便能够将 .svg 文件作为组件导入。

在Webpack 中使用 SVGR

在我的 webpack 配置中配置了 SVGR 如下...

{
  test: /\.svg$/,
  use: [
    {
      loader: "@svgr/webpack",
      options: {
        typescript: true,
      },
    },
  ],
},

为了用一个例子来测试它，我尝试了一个简单的 svg src/icons/clipboard.svg，看起来像这样......

<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
<title>clipboard</title>
<path d="M29 4h-9c0-2.209-1.791-4-4-4s-4 1.791-4 4h-9c-0.552 0-1 0.448-1 1v26c0 0.552 0.448 1 1 1h26c0.552 0 1-0.448 1-1v-26c0-0.552-0.448-1-1-1zM16 2c1.105 0 2 0.895 2 2s-0.895 2-2 2c-1.105 0-2-0.895-2-2s0.895-2 2-2zM28 30h-24v-24h4v3c0 0.552 0.448 1 1 1h14c0.552 0 1-0.448 …