从父组件 reactjs 清除 react-select v2 输入字段？

Question

所以，我有父级 class，我按下按钮，然后调用 TagSelector 的 'clearValue' 方法，我需要清除 AsyncCreatableSelect 输入。

TagSelector class:

export default class TagSelector extends Component {
    constructor(props) {
        super(props);

        this.state = {
            tagDownloaded: []
        };


      clearValue = () => {
        console.log(this.refs.acs);
        console.log("here I need to clear AsyncCreatableSelect"); // comment
      }

    render() {
        return (
            <AsyncCreatableSelect
                ref="acs"
                cacheOptions
                loadOptions={this.promiseOptions}
                isMulti
                defaultOptions={this.state.tagDownloaded}
                onChange={this.handleChange}
            />
        );
    }
}

我读过 api 并且知道 'clearValue' prop-method 可以提供帮助，但如何 - 我不知道。

Answer 1

React Select 功能可以选择将 select 框值设置为任何字段/重置。刚刚在 link 下面找到了工作演示，以编程方式重置 select。参考它 - How to programmatically clear/reset react-select v2? https://codesandbox.io/s/8256j5m3vl

从父组件 reactjs 清除 react-select v2 输入字段？

Clear react-select v2 input field from parent component reactjs?

javascript

reactjs

react-select