रिएक्ट मटेरियल में मूल्य प्राप्त करना-यूआई स्वतः पूर्ण

Question

मैं रिएक्ट मटेरियल-यूआई ( https://material-ui.com/compenders/autocomplete/ ) के प्रलेखन की बात कर रहा हूँ ।

डेमो कोड में,

    <Autocomplete
      options={top100Films}
      getOptionLabel={(option: FilmOptionType) => option.title}
      style={{ width: 300 }}
      renderInput={params => (
        <TextField {...params} label="Combo box" variant="outlined" fullWidth />
      )}
    />

मुझे लगता है कि यह कैसे काम करता है, लेकिन मुझे यकीन नहीं है कि मैं चयनित मूल्य कैसे प्राप्त करने वाला हूं।

उदाहरण के लिए, मैं इसके लिए onChangeप्रोप का उपयोग करना चाहता हूं ताकि मैं चयन के आधार पर कुछ क्रियाएं कर सकूं।

मैंने जोड़ने की कोशिश की onChange={v => console.log(v)}

लेकिन vचयनित मूल्य से संबंधित कुछ भी नहीं दिखाता है।

Answer 1

गुजरता का उपयोग करके सहारा में हल किया (event, value)गया onChange।

<Autocomplete
    onChange={(event, value) => console.log(value)} // prints the selected value
    renderInput={params => (
        <TextField {...params} label="Label" variant="outlined" fullWidth />
    )}
/>

Comments

ऑन्सुबमिट कैसे जोड़ें?

— प्रेटेय

मैंने इस मूल्य को सही पाने की कोशिश में घंटों बिताए, यह खूबसूरती से हल हो गया।

— लुइस फित्रो

सही उत्तर। कृपया इसे स्वीकार करें।

— कॉंग