Question

因此，我有一个父类，在这里我按下按钮，然后调用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”支持方法可以提供帮助，但是如何-我不知道。

Answer 1

“反应选择”功能具有用于将选择框值设置为-的任何字段/重置选项。刚在下面找到与工作演示的链接，以编程方式进行选择的重置。推荐- How to programmatically clear/reset react-select v2? https://codesandbox.io/s/8256j5m3vl

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

1 个答案: