Question

所以我在这里遇到了一点困境，我使用的是反应原生语和Typescript。

安装@ types / react-native，它有一个接口＆＃39; TextInputStatic＆＃39;在节点模块@ types / react-native。下声明。

export interface TextInputStatic extends NativeMethodsMixin, TimerMixin, React.ComponentClass<TextInputProperties> {
    State: TextInputState;

    /**
     * Returns if the input is currently focused.
     */
    isFocused: () => boolean;

    /**
     * Removes all text from the input.
     */
    clear: () => void;
}

在我的组件中，我需要为TextInput使用自定义道具，但由于节点模块中定义的接口，typescript编译器会抛出错误：

Type '{ prop1: { name: string; anonymous: boolean; }; prop2: "f"; }' has no properties in common with type 'IntrinsicAttributes & IntrinsicClassAttributes<Component<TextInputProperties, ComponentState, nev...'.

当像这样使用时：

<TextInput prop1={{name: 'loginField', anonymous: false }} prop2='f'></TextInput>

我看了合并/扩展接口，但到目前为止没有运气。任何人都知道如何扩展或允许TextInput拥有自定义道具？

我尝试做的是创建一个index.d.ts文件然后：

import * as Native from 'react-native';

interface InputType extends Native.TextInputStatic{
    prop1?: any;
}

但没有运气

由于

合并/扩展Typescript React-Native接口

0 个答案: