Javascript 警告：<；链接/>；正在使用不正确的外壳。将PascalCase用于React组件

我正在尝试使用React.createElement渲染链接

我的代码：

    createElement(
    item.to ? "Link" : "div",
    {
        className: slidebar ? "slidebar-row" : "header-menu-element",
        onClick: showSubMenu,
        to: item.to
    },
    [
        <button>{item.title}</button>,
        slidebar ? subMenu ?
            item.iconSlidebarOpened :
            item.iconSlidebarClosed :
            subMenu ? item.iconHeaderMenuOpened : item.iconHeaderMenuClosed
    ]
)

createElement(
item.to？“链接”：“div”，
{
类名：slidebar？“slidebar行”：“标题菜单元素”，
onClick:show子菜单，
收件人：item.to
},
[
{item.title}，
滑块？子菜单？
项目.图标打开：
item.IConSlideBar已关闭：
子菜单？item.IConHeaderMenuOpen打开：item.iconHeaderMenuClosed
]
)

错误：

>警告：正在使用不正确的外壳。对于React组件使用PascalCase，对于HTML元素使用小写。

当您想从其他react组件创建时，应该从react路由器dom中传递实际的

链接

组件

创建并返回给定类型的新React元素。类型 参数可以是标记名字符串（例如

'div'

或

'span'

），a React组件类型（类或函数），或React片段 类型

从'react router dom'导入{Link}；
createElement(
item.to？Link:“div”，//您想呈现一个HTML
Link
元素，还是某个实际的
Link
组件？我想呈现一个Link元素（react router dom）它工作了！谢谢you@Samuele太好了！别忘了接受能解决你的问题的答案，如果有帮助的话，别忘了给他们投票。干杯。
> Warning: <Link /> is using incorrect casing. Use PascalCase for React components, or lowercase for HTML elements.

import { Link } from 'react-router-dom';

createElement(
  item.to ? Link : "div", // <-- Link, not "Link"
  {
    className: slidebar ? "slidebar-row" : "header-menu-element",
    onClick: showSubMenu,
    to: item.to
  },
  [
    <button>{item.title}</button>,
    slidebar ? subMenu ?
      item.iconSlidebarOpened :
      item.iconSlidebarClosed :
      subMenu ? item.iconHeaderMenuOpened : item.iconHeaderMenuClosed
  ]
)