第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全，請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題，去搜搜看，總會(huì)有你想問的

Ant Design (Antd), React js中如何獲取Dropdown組件的值

Ant Design (Antd), React js中如何獲取Dropdown組件的值

呼喚遠(yuǎn)方 2023-03-03 19:28:39
我有一個(gè)問題，我無法將 Dropdown 的值取出到 setState 或類似的東西。大家都知道怎么修嗎？我試圖通過 onChange 訪問它，但仍然無法正常工作。代碼如下：const menu = (    <Menu onSelect={(e) => console.log(e)}>      <Menu.Item>        <a target="_blank" rel="noopener noreferrer">          Recommended        </a>      </Menu.Item>      <Menu.Item>        <a target="_blank" rel="noopener noreferrer">          Newest        </a>      </Menu.Item>      <Menu.Item>        <a target="_blank" rel="noopener noreferrer">          Lowest Price        </a>      </Menu.Item>      <Menu.Item>        <a target="_blank" rel="noopener noreferrer">          Highest Price        </a>      </Menu.Item>    </Menu>  );<Dropdown overlay={menu1} trigger={['click']}>            <a              className="ant-dropdown-link"              onClick={(e) => e.preventDefault()}              style={{ color: '#d46b08', fontWeight: 'bold' }}            >              PRICE <DownOutlined />            </a></Dropdown> ```
查看完整描述

3 回答

?
回首憶惘然

TA貢獻(xiàn)1847條經(jīng)驗(yàn) 獲得超11個(gè)贊

為了在下拉菜單中獲取所選菜單的值，您需要為每個(gè)菜單項(xiàng)分配一個(gè)鍵，然后您可以使用組件onClick的 propMenu來獲取值或鍵。


const handleClick = ({key}) => {

  console.log(key)

  //you can perform setState here

}


const menu = (

  <Menu onClick={handleClick}>

    <Menu.Item key="Recommend">Recommend</Menu.Item>

    <Menu.Item key="Newest">Newest</Menu.Item>

    <Menu.Item key="Lowest Price">Lowest Price</Menu.Item>

    <Menu.Item key="Highest Price">Highest Price</Menu.Item>

  </Menu>

);


<Dropdown overlay={menu} trigger={["click"]}>

    <a

      className="ant-dropdown-link"

      onClick={(e) => e.preventDefault()}

      style={{ color: "#d46b08", fontWeight: "bold" }}

    >

      PRICE <DownOutlined />

    </a>

</Dropdown>

檢查它在這里工作以供參考。



查看完整回答
反對(duì) 回復(fù) 2023-03-03
?
手掌心

TA貢獻(xiàn)1942條經(jīng)驗(yàn) 獲得超3個(gè)贊

該Dropdown組件不調(diào)用任何onChange屬性。它具有onVisibleChange每次“下拉觸發(fā)器”（懸停、單擊、右鍵單擊）完成時(shí)都會(huì)調(diào)用的屬性。做這樣的事情：


const SomeComponent = _props =>

{

  const [visible, setVisible] = React.useState(false);

  

  return (<Dropdown overlay={menu} visible={visible} onVisibleChange={isVisible => setVisible(isVisible)} >

    <a className="ant-dropdown-link" onClick={e => e.preventDefault()}>

      Hover me <DownOutlined />

    </a>

  </Dropdown>);

}


查看完整回答
反對(duì) 回復(fù) 2023-03-03
?
阿波羅的戰(zhàn)車

TA貢獻(xiàn)1862條經(jīng)驗(yàn) 獲得超6個(gè)贊

您可以使用以下內(nèi)容：


export const items = [

  {

    label: "View Profile",

    key: "view-profile",

  },

];

  const handleDropdownItemClick = (e) => {

    console.log(e.key);

  };

 <Dropdown

            menu={{

              onClick: handleDropdownItemClick,

              items: items,

            }}

            placement="bottomRight"

            className="text-white"

          >

            <a>

              <Space>

                <DownOutlined />

              </Space>

            </a>

  </Dropdown>


查看完整回答
反對(duì) 回復(fù) 2023-03-03
  • 3 回答
  • 0 關(guān)注
  • 541 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

 幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

 公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)