小编Ron*_*cka的帖子

我正在尝试创建一个通过dataprop 渲染的表格，或者您可以直接通过children. 为此，我需要一种接受 或 的data类型children。

我已经找到了这些解决方案，但它在某种程度上不适用于 React Component。仅适用于普通物体。

• 打字稿接口需要存在两个属性之一
• Typescript 接口 - 可以使“一个或另一个”属性成为必需的吗？

所以基本上我创建了三个接口，一个具有基本类型，一个具有data，一个具有children. 但是当我创建 React 组件时，它对我大喊这些道具不存在TableProps

有谁知道我做错了什么？这是沙箱：https://codesandbox.io/s/admiring-shadow-vw148? file=/src/table.tsx

谢谢！

我正在尝试使用样式组件并在开发中拥有完整的类名。可以用babel-plugin-styled-components和 来完成displayName: true，但我的设置不起作用。

有谁知道我做错了什么？

谢谢

import { defineConfig } from 'vite';
import reactRefresh from '@vitejs/plugin-react-refresh';
import { babel } from '@rollup/plugin-babel';

export default defineConfig({
  plugins: [
    reactRefresh(),
    babel({
      exclude: 'node_modules/**',
      presets: ['@babel/preset-env', '@babel/preset-react'],
      plugins: [
        ['babel-plugin-styled-components', { displayName: true }]
      ],
    }),
  ],
});

版本

"@babel/preset-env": "^7.14.9",
"@babel/preset-react": "^7.14.5",
"@rollup/plugin-babel": "^5.3.0",
"babel-plugin-styled-components": "^1.13.2",
"styled-components": "^5.3.0"
"vite": "^2.4.4",