React

时间:2018-12-21 09:22:12

标签: reactjs

我们可以在React的Component类中使用dafaultProps作为接口。我需要在subtype中使用的prop中提供默认属性。 没有为此subtype

定义单独的组件
export interface TabDetails{
    TabTitle? :string|undefined, 
    Visibility?: boolean,
    tabId: string
}
export interface IDynamicTabs{
    Tabs : TabDetails[],
    onTabVisibilityChanged: (tabId:string, visibility:boolean) => void,
    Max : number
}

public class Dynamictabs extends React.Component<IDynamicTabs>

    public static defaultProps = {
         Max : 5,
        // Tabs.Visibility: true // How to define default value?    
    }
    render(){

    }
}

在上面,我可以为Max提供defaultProps值,但是如何为TabDetails.Visibility定义值?

1 个答案:

答案 0 :(得分:1)

这是通过道具默认设置完成的:

import PropTypes from 'prop-types';

[...]

MyComponent.defaultProps = {
  cityList: [],
  provinceList: [],
};

MyComponent.propTypes = {
  userInfo: PropTypes.object,
  cityList: PropTypes.array.isRequired,
  provinceList: PropTypes.array.isRequired,
}