小编ABC*_*ABC的帖子

我想在 Java 中将 String 解析为内部 JSON 对象（或等效对象）。通常的库Gson和Jackson，对于我的需求来说太慢了（根据我的基准，每个 String 到 Json 解析的速度都超过 100us）。我知道有稍微快一点的库，但是查看在线基准测试，可用的收益会很小（不到一个数量级的改进）。

如果我事先知道 JSON 的格式，有没有办法可以更快地解析它？例如，我知道 String 将是以下格式的 JSON：

{
   "A" : 1.0 ,
   "B" : "X"
}

即，我知道两个键是“A”和“B”，值分别是双精度值和字符串。鉴于这种格式的高级知识，是否有一个库或某种方法可以比平时更快地解析 JSON？

我正在尝试导入和使用常规.jsx文件，该typescript文件位于使用webpack. 我收到此错误：

ERROR in ./src/components/App/Test.jsx 72:4
Module parse failed: Unexpected token (72:4)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
|
|   return (
>     <span>
|       Search:{' '}
|       <input

该错误消息意味着我没有指定处理jsx文件的加载程序。很公平，但是我应该使用哪个加载器？我尝试ts-loader加载jsx文件（这破坏了我的项目），但awesome-typescript-loader也不起作用。我觉得我已经做了其他推荐的事情：

• 在我的中将“allowJs”设置为 truetsconfig.json
• 将.jsx文件添加到我的 webpack 配置的解析部分。
• 为我的 webpack 配置中的文件定义一个规则（在 module.rules 下）/\.jsx?$/。

这是我的相关部分webpack.config.js：

  module: { …

我正在创建一个基本的小Tablein chakra-ui，但是列之间的空白对于我的特定用例来说太多了。我已经设置了size="sm"，但空白仍然太多。

我们怎样才能做到这一点？这是与我的问题相对应的伪代码摘要片段：

<Table size="sm">
  <Thead>
    // ...
  </Thead>
  <Tbody>
    //...
  </Tbody>
</Table>

这是codesandbox中完整的示例： https://codesandbox.io/s/responsive-table-forked-ut904? file=/src/ResponsiveTable.tsx:196-344

我试图将图标正确放置在输入的中间，该输入具有size="xs". 然而，我的所有尝试都失败了，并且图标始终位置太低/太低。我也尝试过使用IconButton而不是常规图标，但这也不起作用。

import { Input, InputGroup, InputLeftElement } from "@chakra-ui/react"
import { SearchIcon } from "@chakra-ui/icons"

// ...

    <InputGroup>
      <InputLeftElement
        pointerEvents="none"
        children={<SearchIcon color="gray.300"/>}
        size="xs"
        />
      <Input
        variant="outline"
        size="xs"
        placeholder={``}
      />
    </InputGroup>

我究竟做错了什么？

这是代码和框。请注意，在这个codesandbox中，图标实际上位于Input中间的上方（这仍然是错误的），而不是像我的本地计算机上那样位于下方。

https://codesandbox.io/s/optimistic-bartik-5ifsd?file=/src/App.tsx

Uncaught ReferenceError: regeneratorRuntime is not defined我在使用 React 与 webpack 和 Babel 时遇到错误。

我按照这个答案将我的定义.babel.rc为：

{
  "presets": ["@babel/preset-env", "@babel/preset-react"] ,
  "plugins": [
      ["@babel/plugin-transform-runtime"]
  ]
}

并运行：

npm i --save-dev @babel/plugin-transform-runtime

但是，之后我得到了完全相同的错误。我也遵循了另一个答案和这个答案，但仍然得到完全相同的错误。

我的babel具体安装package.json如下：

  "dependencies": {
    "@babel/runtime": "^7.14.6"
  },
  "devDependencies": {
    "@babel/core": "^7.14.6",
    "@babel/plugin-transform-runtime": "^7.14.5",
    "@babel/preset-env": "^7.14.7",
    "@babel/preset-react": "^7.14.5"
  }

有任何想法吗？