React-tags: धुंधला पर इनपुट साफ़ करना

क्या आपने इस घटक के v6 का उपयोग करते हुए देखा है?

https://github.com/i-like-robots/react-tags/tree/6.0

इस संस्करण में onBlur कॉलबैक और .clearInput() विधि दोनों हैं

अच्छा! इसे मेरे लिए हल करता है

@ i-like-robots इस पर फिर से टिप्पणी करने के लिए क्षमा करें, लेकिन यह मेरे लिए स्पष्ट नहीं है कि clearInput() विधि तक कैसे पहुंचें क्योंकि पैकेज द्वारा कोई रेफरी उजागर नहीं किया गया है? आम तौर पर मैं इस तरह की बाल विधि तक पहुंचने के लिए this.reactTagsRef.current.clearInput() जैसे कुछ का उपयोग करता हूं।

इस रेपो में उदाहरण का उपयोग करके घटक के अपने उदाहरण में ref जोड़ें और इसे onBlur कॉलबैक के साथ विस्तारित करें:

class App extends React.Component {
  constructor (props) {
    super(props)

    this.state = {
      tags: [],
      suggestions: []
    }

+   this.reactTags = React.createRef()
  }

  onDelete (i) {
    const tags = this.state.tags.slice(0)
    tags.splice(i, 1)
    this.setState({ tags })
  }

  onAddition (tag) {
    const tags = [].concat(this.state.tags, tag)
    this.setState({ tags })
  }

+ onBlur () {
+   if (this.reactTags.current) {
+     this.reactTags.current.clearInput()
+   }
+ }

  render () {
    return (
        <ReactTags
+         ref={this.reactTags}
          tags={this.state.tags}
          suggestions={this.state.suggestions}
+         onBlur={this.onBlur.bind(this)}
          onDelete={this.onDelete.bind(this)}
          onAddition={this.onAddition.bind(this)}
        />
    )
  }
}

बहुत बहुत धन्यवाद!