admin管理员组

文章数量:1379594

is there any way to create a select component like this? I have tried from MUI but the collapsible list is not taking the value.Mui select collapsible

  const getOperatorComponent = (value: string, dataType: DataType) => {
    let basicOperator: Operator[] | undefined = AuthoringState?.operatorList?.[dataType]?.['Basic Operators'];
    let advanceOperator: Operator[] | undefined = AuthoringState?.operatorList?.[dataType]?.['Advance Operators'];
    return (
      <div style={{ width: '6rem' }}>
        <Select value={operatorValue} onChange={e => handleOperatorChange(e.target.value as string)}>
          {basicOperator?.map(item => <MenuItem value={item.operatorSymbol}> {item.operatorSymbol} </MenuItem>)}
          <ListItem>
            Advance Operator
            <IconButton onClick={() => setAdvanceOperatorOpen(prev => !prev)}>
              <Dropdown />
            </IconButton>
          </ListItem>
          <Collapse in={advanceOperatorOpen}>
            {advanceOperator?.map(item => <MenuItem value={item.operatorSymbol}>{item.operatorSymbol} </MenuItem>)}
          </Collapse>
        </Select>
      </div>
    );
  };

本文标签： reactjsHow to implement MUI ltSelectgt with collapsible feature Image is givenStack Overflow

版权声明：本文标题：reactjs - How to implement MUI &lt;Select&gt; with collapsible feature. [Image is given] - Stack Overflow 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.betaflare.com/web/1744416506a2605222.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。