প্রতিক্রিয়াযুক্ত উপাদান-ইউআই স্বতঃপূরণে মান পাওয়া

Question

আমি প্রতিক্রিয়াশীল উপাদান-ইউআইয়ের ডকুমেন্টেশনগুলি উল্লেখ করছি ( https://matory-ui.com/components/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

কীভাবে অনস্মিট যোগ করবেন?

— প্রথম

আমি এই মানটি সঠিকভাবে পাওয়ার চেষ্টা করে কয়েক ঘন্টা ব্যয় করেছি, এটি সুন্দরভাবে সমাধান হয়েছে।

— লুইস ফেব্রু

সঠিক উত্তর. দয়া করে এটি গ্রহণ করুন।

— ô কং বং