将typescript接口结构转换为PropType

ui7jx7zq  于 2021-09-13  发布在  Java
关注(0)|答案(0)|浏览(181)

我有一个带有react和type script的虚拟项目。在我的项目中,我同时使用了typescript接口和react proptypes。但我有一个问题。我无法将我的接口转换为proptypes。
这是我的密码

import React from 'react';
import PropTypes from 'prop-types'; 

interface IMyComponent1 {
    type: 'type1';
    id?: string;
    name?: string;
    items?: [
        { name: string, id: string, url: string, badge: { title: string, color: string } }
    ]
}

interface IMyComponent2 {
    type: 'type2';
    id?: string;
    question?: string;
    answer?: string;
}

type IMyComponent = IMyComponent1 | IMyComponent2;

const MyComponent: React.FC<IMyComponent> = props => {
    return (
        <div>

        </div>
    );
};

MyComponent.propTypes = {

};

export default MyComponent;

有谁能帮我根据imycomponent接口创建react proptypes吗。

暂无答案!

目前还没有任何答案,快来回答吧!

相关问题