javascript - 访问 react-select 中的内部输入元素

Question

那里有一个名为 farsitype.js 的脚本，我想将它与 react-select 组件一起使用，但无法直接访问内部输入字段以向其添加属性。有什么方法可以将属性添加到 react-select 中的内部输入字段？

Answer 1

如果你在谈论这个react-select图书馆。您可以像这样自定义 Input 组件:

import React from 'react';
import Select, { components } from 'react-select';
import { typeOptions } from '../data';

const Input = props => {
  // add attribues to the component below
  return <components.Input {...props} />;
};

export default () => (
  <Select
    components={{ Input }}
    options={typeOptions}
  />
);