Reactjs 如何渲染<；卡片文本>；as<；部门>；元素，而非as<；p>；？

对于

，似乎有一个名为

的参数，其类型为
elementType
，默认为


现在
默认为
，这会在我的网站上产生警告，因为我在
中嵌套了
元素

警告：validateDOMNesting（…）：不能显示为

所以基本上有两个问题：

如何更改/设置
卡体
上的elementtype？以下尝试没有反映在生成的html中（使用Chrome DevTools检查）：
..
也没有反映出来

如何更改
上的elementtype


这就是我的组件的外观

import React from "react"
import { Link } from "gatsby"
import Img from "gatsby-image"
import Card from "react-bootstrap/Card"
import Tags from "./tags"
import TimeToRead from "./time-to-read"

const Post = ({ title, slug, date, body, fluid, tags, timeToRead }) => {
  return (
    <Card className="mb-3 shadow-lg" bg="concrete" id="hoverable">
      <Link to={slug}>
        <Img
          className="card-image-top"
          style={{ maxHeight: "150px" }}
          fluid={fluid}
        ></Img>
        <Card.ImgOverlay
          style={{
            pointerEvents: "none",
          }}
        >
          <Tags tags={tags} />
        </Card.ImgOverlay>
      </Link>

      <Card.Body>
        <Card.Title>{title}</Card.Title>
        <Card.Subtitle>
          <div className="d-flex justify-content-between">
            <span className="text-info">{date}</span>
            <TimeToRead minutes={timeToRead} />
          </div>
        </Card.Subtitle>
        <hr />
        <Card.Text as="div">{body}</Card.Text>
        <Link
          to={slug}
          className="btn btn-outline-primary float-right text-uppercase"
        >
          Read more
        </Link>
      </Card.Body>
    </Card>
  )
}

export default Post

从“React”导入React
从“盖茨比”导入{Link}
从“盖茨比图像”导入Img
从“反应引导/卡”导入卡
从“/Tags”导入标记
从“/读取时间”导入时间读取
const Post=（{title，slug，date，body，fluid，tags，timeToRead}）=>{
返回(
{title}
{date}

{body}
阅读更多
)
}
导出默认帖子
本质上，我也有同样的问题。我在
文本中使用了一个无序列表，控制台显示了以下警告：

validateDOMNesting(...): <ul> cannot appear as descendent of <p>.

验证记忆（…）：
不能显示为的后代。

将列表内容包装在刚刚添加到警告列表的
中。如上所述，我修改了
标记，但如下所示：

 <Card.Text as="div">



警告消失，文本呈现。注意，您必须调整样式，这取决于样式级联的配置方式。
您尝试
时，不工作是什么意思。在您提供的URL中，您可以编辑示例，我可以在那里使用
as=“p”
，并且
也可以用于回复。我所说的“它不工作”是指它不会反映在生成的html中。已与Chrome Developertoolscan核对，您可以向我们展示如何渲染卡组件吗？我将尽最大努力更新我的问题。但请注意，我是一个反应新手。。。