Javascript Can'；t呈现解构的标题属性

我想在H1标签中呈现标题道具，我可以在React开发者工具中看到道具，但不能呈现。

const卡=({
标题
副标题=“”，
身体
}) => (
{Title}
{副标题}
{Body}

);
导出默认卡；

如果您将如何调用卡组件的方式粘贴到此处，将非常有用。。。 无论如何，请在要渲染组件的位置尝试以下操作：

从“React”导入React
从'react dom'导入{render}
//我建议你说出camelCase中的道具名称（只是我的意见）
const Card=（{正文，副标题}：任意）=>(
{title}
{副标题}
{body}

)
常量应用=（）=>{
返回(
)
}
render（，document.getElementById（'root'））

提供prop的值时可能会出错。渲染图形时可能会出现一些大小写错误component@Akhilesh为什么？这将解决什么问题？向我们展示如何呈现此组件…我建议手动调试此组件，将组件更改为具有显式

返回
和console.log道具的普通块函数体。@Brianthonpson对上述评论表示抱歉。意识到功能组件总是在道具更改时重新呈现。虽然此代码可能会解决OP的问题，但最好包含关于代码如何解决OP问题的解释。通过这种方式，未来的访问者可以从您的帖子中学习，并将其应用到自己的代码中。因此，它不是一种编码服务，而是一种知识资源。此外，高质量、完整的答案更有可能被提升。这些特性，以及所有帖子都是独立的要求，是SO作为一个平台的一些优势，使其区别于论坛。您可以编辑以添加其他信息和/或使用源文档补充说明。
const Card = ({
  Title,
  SubTitle = '',
  Body,
}) => (
  <div className='card'>
    <div className='description'>
      <h1>{Title}</h1>
      <h2>{SubTitle}</h2>
      <p>{Body}</p>
    </div>
  </div>
);

export default Card;