小编Ald*_*ldo的帖子

如何使用 TypeScript 从包装的组件访问公共方法?

我正在使用 TypeScript 开发一个 React 项目。他们将react-select组件包装到另一个组件中。包裹的组件如下:

import * as React from "react";
import Select from "react-select";
import { Props as SelectProps } from "react-select/lib/Select";

export interface SelectValue {
  label: string;
  value: string;
}

export interface SelectFieldProps<TValue> extends SelectProps<TValue> {
  label?: string;
}

type GenericSelectField<TValue> = React.StatelessComponent<
  SelectFieldProps<TValue>
>;

const SelectField: GenericSelectField<SelectValue> = ({
  label = "",
  ...rest
}) => (
    <div className="react-select-wrapper">
      {label ? <span className="input__label">{label}</span> : null}
      <Select classNamePrefix="react-select" {...rest} />
    </div>
  );

export default SelectField;
Run Code Online (Sandbox Code Playgroud)

我想blur …

javascript typescript reactjs react-select

5
推荐指数
1
解决办法
903
查看次数

标签 统计

javascript ×1

react-select ×1

reactjs ×1

typescript ×1