代码之家 › 专栏 › 技术社区 › Ben Carp

是否可以在安装时打开选择组件?

react-select

0

Ben Carp · 技术社区 · 7 年前

不仅仅是聚焦,而是打开组件和显示选项。 Is it possible to use JS to open an HTML select to show its option list? ),但也许使用React Select仍然是可能的。

1 回复 | 直到 7 年前

1

2

Laura 7 年前

在 react-select menuIsOpen 道具。为了实现你的目标,我会使用 , onInputChange 和 onFocus 这样地:

class App extends Component {
  constructor(props) {
    super(props);

    this.state = {
      menuIsOpen: true
    };
  }

  onInputChange = (options, { action }) => {
    if (action === "menu-close") {
      this.setState({ menuIsOpen: false });
    }
  };

  onFocus = e => {
    this.setState({ menuIsOpen: true });
  };
  render() {
    return (
      <div className="App">
        <Select
          options={options}
          onFocus={this.onFocus}
          onInputChange={this.onInputChange}
          menuIsOpen={this.state.menuIsOpen}
        />
      </div>
    );
  }
}

输入更改 可以接收以下事件:

"set-value",
"input-change",
"input-blur",
"menu-close"

取决于你期望的行为我会更新这个 live example .