The antd Pagination component cannot be used in other components?

I want to page the drop-down options in the drop-down menu, but I find that I can"t click on the previous page or the next page or change the current page. How can I modify

    const SelectOption = Select.Option;
    ...
    <Select
        showSearch
        style={style}
        placeholder={placeholder}
        onChange={onSelectChange}
        defaultValue="lucy"
      >
        <SelectOption value="jack">Jack</SelectOption>
        <SelectOption value="lucy">Lucy</SelectOption>
        <SelectOption value="tom">Tom</SelectOption>
        <SelectOption value="page" disabled>     
          <Pagination
            simple
            hideOnSinglePage
            total={50}
          />           
        </SelectOption>
      </Select>

add that it has nothing to do with disabled in SelectOption, because I can click on and print the result when I replace the Pagination component with < button onClick= {() = > {console.log ("clickerbread")}} > click < / button > .

Jun.29,2021

excuse me, have you solved this problem

MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1e8b427-1043.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1e8b427-1043.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?