小编RTW*_*RTW的帖子

有没有办法通过error: unknown编译器选项/eslint 禁止任何类型的错误或强制注释？

function justDoIt(arg: string){}

// because error is any type this works :(
smth().catch(error => justDoIt(error))

如果用户尚未下载 react_app.js（第一次来），则使用 react 您需要在任何路由中提供包含 react_app.js 的 index.html。

然后你需要从 react_app.js 提供一些 api 调用，但是如果你对 GET 使用相同的 url，假设你会得到 API 调用响应，而不是带有 react_app.js 的 index.html。

解决这个问题的方法是什么？仅使用某些前缀进行 api 调用并仅在未找到路由时发送 index.html？

我的代码：

fastify.register(require('fastify-static'), {
  root: path.join(__dirname, './static')
})

fastify.route({
  method: 'GET',
  url: '/',
  handler: async (req, res) => {
    res.send('you will get api call answer but you need to serve index.html with react_app.js first!!!!')
  }
})

如何为表单输入制作类型？

const Index = () => {
  const handleSubmit = async (e: FormEvent<HTMLFormElement>) => {
    e.preventDefault()
    console.log(e.currentTarget.elements.email)
  }

  return (
    <Layout>
      <form onSubmit={handleSubmit}>
        <input name='email' type='email' autoComplete='email' required />
        <input name='password' type='password' autoComplete='password' required />
        <button type='submit'>Login</button>
      </form>
    </Layout>
  )
}

类型错误：

“HTMLFormControlsCollection”类型上不存在属性“email”。

我很好奇 JS 有多少种类型，因为我从其他可靠的来源读到了相互矛盾的答案：

如果我们查看ECMAScript 规范，有 8 种类型：

• 未定义、空、布尔、字符串、符号、数字、BigInt 和对象

看来function是算作对象了。

如果我们查看MDN，他们说有 9 种类型：

六种基本数据类型，由 typeof 运算符检查：

1. 未定义：实例类型===“未定义”
2. 布尔值：实例类型===“布尔值”
3. 数字：实例类型===“数字”
4. 字符串：实例类型===“字符串”
5. BigInt : typeof 实例 === "bigint"
6. 符号：实例类型===“符号”

结构类型：

7. 对象：实例类型===“对象”。任何构造对象实例的特殊非数据但结构类型也用作数据结构：new Object、new Array、new Map、new Set、new WeakMap、new WeakSet、new Date 以及几乎所有使用 new 关键字创建的内容；
8. Function ：一种非数据结构，尽管它也回答 typeof 运算符： typeof instance === “function”。这只是函数的特殊简写，尽管每个函数构造函数都是从对象构造函数派生的。

结构根原语：

9. null ：实例类型===“对象”。特殊的原始类型对其值有额外的用途：如果对象不是继承的，则显示 null；

其中哪一项是正确的？

由于某种原因，他们只是不想在 flex 行中处于基线：

小提琴：https : //jsfiddle.net/4Lmdqnj6/

div {
  display: flex;
  justify-content: center;
  align-items: flex-end;
}

h1 {
  font-size: 22px;
  display: flex;
  align-items: baseline;
  vertical-align: baseline;
}

h2 {
  font-weight: 16px;
  display: flex;
  align-items: baseline;
  vertical-align: baseline;
}

<div>
  <h1>H1</h1>
  <h2>H2</h2>
</div>