Babel React jsx配置不起作用

Question

我在.bablerc中配置了babel-plugin-transform-react- jsx

{
  "presets": [...],
  "plugins": [
    [
      "@babel/plugin-transform-runtime",
      {
        "corejs": false,
        "helpers": true,
        "regenerator": true,
        "useESModules": false
      }
    ],
    ["@babel/plugin-proposal-decorators", { "legacy": true }],
    ["@babel/plugin-proposal-class-properties", { "loose": true }],
    ["import", { "libraryName": "antd", "libraryDirectory": "es", "style": true }],
    "@babel/plugin-transform-react-jsx"
  ]
}

但是在設置AntD Table locale.emptyText時，編譯的jsx代碼失敗（屬性值可以是React.Node或 rc-table中描述的Function ）

import { Table } in 'antd'
<Table
  locale={{ emptyText=<div><img src="..."></div> }}
>

錯誤：

Module build failed (from ./node_modules/babel-loader/lib/index.js):
SyntaxError: /path/to/page.js: Unexpected token (77:31)

  75 |             dataSource={dataSource}
  76 |             loading={false}
> 77 |             locale={{ emptyText=<div><img src=""></div> }}
     |                                ^

另一個，我知道如果以函數形式編寫則可以：

locale={{ emptyText: () => <div><img src=""></div> }}

Answer 1

您的代碼中有錯字，locale屬性需要一個對象，因此鍵值對應以:而不是=分隔

locale={{ emptyText: <div><img src="..."></div> }}

應該管用

Answer 2

locale={{ emptyText=<div><img src=""></div> }}
                   ^

錯誤消息很清楚，您使用=代替: