मेरे Redux स्टोर से रिएक्ट-चयन विकल्पों में आइटम कैसे प्राप्त करें? बहुत कुछ करने की कोशिश करें, लेकिन मैं इस समस्या का समाधान नहीं कर सकता। सीधे एपीआई लाकर डेटा प्राप्त करने का प्रयास करें, यह काम करता है, लेकिन मेरे लिए काम नहीं करता है। रेडक्स रेड्यूसर में मैं सैंडबॉक्स पर प्रोजेक्ट रखने के लिए बाहरी जेसन फ़ाइल से डेटा ला रहा हूं, लेकिन वास्तव में मैं अपने सर्वर एपीआई का उपयोग कर रहा हूं। सूची पृष्ठ पर Redux Store से लिया गया डेटा, लेकिन मैं इसे चुनिंदा विकल्पों में प्राप्त नहीं कर सकता। प्लीज हेल्प करो दोस्तों। यहां एक सैंडबॉक्स है लिंक (चुनें "चुनते हैं")

1
olegoriginal 31 अक्टूबर 2020, 17:19

1 उत्तर

सबसे बढ़िया उत्तर

एसिंक्स सेलेक्ट कंपोनेंट को स्टार्ट फ़ेचिंग डेटा लाने के लिए एक इनपुट की आवश्यकता होती है। साथ ही, यह या तो callback को लागू करने या एक वादा वापस करने की अपेक्षा करता है।

Select को नीचे के रूप में संशोधित करें

import React, { useState } from "react"
// Use the non-async version
import AsyncSelect from "react-select"
import { useSelector } from "react-redux"

function Select() {
  const [inputValue, setValue] = useState("")
  const [selectedValue, setSelectedValue] = useState(null)

  // useSelector will make sure this component re-renders
  const list = useSelector((s) => s.tasks.list)

  const handleInputChange = (value) => {
    setValue(value)
  }

  const handleChange = (value) => {
    setSelectedValue(value)
  }

  return (
    <div className="App">
      <h3>React-Select Async Dropdown - </h3>
      <pre>Input Value: "{inputValue}"</pre>
      <AsyncSelect
        cacheOptions
        defaultOptions
        options={list} // Since the list is provided by the store, provide it directly
        value={selectedValue}
        getOptionLabel={(e) => e.name}
        getOptionValue={(e) => e.id}
        onInputChange={handleInputChange}
        onChange={handleChange}
      />
      <pre>Selected Value: {JSON.stringify(selectedValue || {}, null, 2)}</pre>
    </div>
  )
}

export default Select
1
Adam Azad 31 अक्टूबर 2020, 14:27