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

【问题标题】：Clear react-select v2 input field from parent component reactjs?从父组件reactjs中清除react-select v2输入字段？
【发布时间】：2019-11-22 03:31:48
【问题描述】：

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

TagSelector类：

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' 道具方法可以提供帮助，但如何 - 我不知道。

【问题讨论】：

你必须使用 state 和 props 让它工作。 state = { agDownloaded: [], selectedValues: [] }

标签： javascript reactjs react-select

【解决方案1】：

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

【讨论】：