Reactjs React can'；不要将道具传递给组件

我无法从App.tsx向我的子组件传递道具，我也不知道为什么。我在网上找了2个小时，但没有找到有效的解决方案。有人知道问题出在哪里吗？它也给了我以下错误：

“没有与此调用匹配的重载。 重载第1个（共2个），（props:Readonly）：CartView'出现以下错误。 类型“{phrase:string；}”不可分配给类型“IntrinsicatAttributes&IntrinsicClassAttributes&Readonly&Readonly”。 类型“IntrinsicatAttributes&IntrinsicClassAttributes&Readonly&Readonly”上不存在属性“phrase”。 重载2/2'（props:props，context？：any）：CartView'出现以下错误。 类型“{phrase:string；}”不可分配给类型“IntrinsicatAttributes&IntrinsicClassAttributes&Readonly&Readonly”。 “IntrinsicatAttributes&IntrinsicClassAttributes&Readonly&Readonly”类型上不存在属性“短语”。ts（2769）”

组成部分

import React, { Component } from 'react';

class CartView extends Component<Props, State>{
    render(){
        return(
            <div>
                <p>{this.props.phrase}</p> <--- This doesn't work. It only autofills to use this.props.children.
            </div>
        )
    }
}

export default CartView;

import React，{Component}来自'React'；
类CartView扩展组件{
render（）{
返回(
{this.props.phrase}
您已经为组件视图使用了
props
和
State
接口

import React, { Component } from 'react';

// Create Interface 
interface Props {
    phrase: string
}

class CartView extends Component<Props, {}>{
    // add a constructor 
    constructor(props: Props) {
        super(props);
    }
    render() {
        return (
            <div>
                <p>{this.props.phrase}</p> 
            </div>
        )
    }
}

export default CartView;

import React，{Component}来自'React'；
//创建接口
界面道具{
短语：字符串
}
类CartView扩展组件{
//添加构造函数
建造师（道具：道具）{
超级（道具）；
}
render（）{
返回(
{this.props.phrase}

)
}
}
导出默认视图；
您已将
道具
和
状态
界面用于组件视图

import React, { Component } from 'react';

// Create Interface 
interface Props {
    phrase: string
}

class CartView extends Component<Props, {}>{
    // add a constructor 
    constructor(props: Props) {
        super(props);
    }
    render() {
        return (
            <div>
                <p>{this.props.phrase}</p> 
            </div>
        )
    }
}

export default CartView;

import React，{Component}来自'React'；
//创建接口
界面道具{
短语：字符串
}
类CartView扩展组件{
//添加构造函数
建造师（道具：道具）{
超级（道具）；
}
render（）{
返回(
{this.props.phrase}

)
}
}
导出默认视图；