success to use props "dropdownItemSize"

src/client/js/components/Admin/Customize/CustomizeFunctionSetting.jsx

@@ -115,7 +115,16 @@ class CustomizeFunctionSetting extends React.Component {
               </div>
             </div>
 
-            <PagingSizeUncontrolledDropdown />
+            <PagingSizeUncontrolledDropdown
+              // toggleLabel={pageLimitation}
+              dropdownItemSize={[10, 20, 50, 100]}
+              // dropdownItemOnClickHandler={adminCustomizeContainer.switchPageListLimitationL.bind(adminCustomizeContainer)}
+            />
+            <PagingSizeUncontrolledDropdown
+              // toggleLabel={pageLimitation}
+              dropdownItemSize={[5, 10, 20, 50, 100]}
+              // dropdownItemOnClickHandler={adminCustomizeContainer.switchPageListLimitationL.bind(adminCustomizeContainer)}
+            />
 
             {/* {Object.entries(dropdownGroupMapping).map(([key, value]) => {
               return (

src/client/js/components/Admin/Customize/PagingSizeUncontrolledDropdown.jsx

@@ -56,7 +56,7 @@ const PagingSizeUncontrolledDropdown = (props) => {
                   <span className="float-left">{value.pageLimitation}</span>
                 </DropdownToggle>
                 <DropdownMenu className="dropdown-menu" role="menu">
-                  {value.dropdownMenu.map((num) => {
+                  {props.dropdownItemSize.map((num) => {
                     return (
                       <DropdownItem key={num} role="presentation" onClick={() => { value.switchPageListLimitation(num) }}>
                         <a role="menuitem">{num}</a>
@@ -82,6 +82,8 @@ const PagingSizeUncontrolledDropdownWrapper = withUnstatedContainers(PagingSizeU
 PagingSizeUncontrolledDropdown.propTypes = {
   t: PropTypes.func.isRequired, //  i18next
   adminCustomizeContainer: PropTypes.instanceOf(AdminCustomizeContainer).isRequired,
+  // toggleLabel: PropTypes.func,
+  dropdownItemSize: PropTypes.array,
 };
 
 export default withTranslation()(PagingSizeUncontrolledDropdownWrapper);