如何使用接口方法创建其他打字稿文件的打字稿文件？

Question

我正在使用 typescript 处理本机项目。特别是使用链接this

创建一个权限文件

我基本上有一个相机和存储方法，对于如何在我的项目中创建接口模块有点困惑

const Permission = require('react-native-permissions')
import React from 'react'
import {
StyleSheet,
TouchableHighlight,
Text,
View,
Alert,
AppState,
Platform,
} from 'react-native'

interface Props extends {
string: []
}

interface PermissionsState extends {
status: {},
}

class Permissions extends React.Component<Props,PermissionsState> {
constructor(props) {
Permission.check([type])
type PermissionStatus = 'granted' | 'denied' |'never_ask_again';



this.state = {

};
}

render () {
return (
render() {
return (
<View>
<View/>
)
  }
}





 export default new Permissions()

我的错误开始于interface Props extends { 行，错误描述是：

接口只能使用可选类型参数扩展标识符/限定名。 （属性）字符串：未定义[]

Answer 1

您所要做的就是从两个接口的声明中删除 extends 关键字。因为它们实际上并没有扩展任何东西，并且反应本身不需要它们实现/扩展任何其他接口/类。

所以你的代码看起来像这样：

const Permission = require('react-native-permissions');
import React from 'react';
import {
        StyleSheet,
        TouchableHighlight,
        Text,
        View,
        Alert,
        AppState,
        Platform,
    } from 'react-native';

interface Props
{
    names: string[];
}

type PermissionStatus = 'granted' | 'denied' |'never_ask_again';

class PermissionsState
{
    public status: PermissionStatus;
}

export class Permissions extends React.Component<Props, PermissionsState>
{
    constructor(props: Props, context: any)
    {
        super(props, context);

        this.state = new PermissionsState();
    }

    public render()
    {
        return(<View/>);
    }
}