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

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

如何以編程方式設(shè)置React Dropdown的值

如何以編程方式設(shè)置React Dropdown的值

慕桂英3389331 2019-04-24 18:15:10
我有這個(gè)代碼<Dropdown     id="city"     placeholder="Select a city"     options={this.state.cities}     onChange={this.onChangeHandler}     />;這將顯示一個(gè)下拉列表，顯示占位符“選擇一個(gè)城市”。我想要做的是，如果this.state.cities只有一個(gè)元素，將其設(shè)置為預(yù)選。否則，請繼續(xù)顯示占位符文本和下面的所有選項(xiàng)。我使用的庫是https://www.npmjs.com/package/react-dropdown謝謝
查看完整描述

2 回答

?
翻過高山走不出你

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

根據(jù)文檔，該Dropdown組件采用value道具。

import Dropdown from 'react-dropdown'

import 'react-dropdown/style.css'


class App extends React.Component {

   constructor() {

     super();

      this.state={

        cities: ["New York", "San Francisco", "Seattle", "Washington DC"],

        selectedCity: ""

      }

   }


   handleSelectCity = (option)=> {

      const selectedCity = option.value

      this.setState({selectedCity});

   }


   render() {

      const {selectedCity, cities} = this.state;


      return (

        <Dropdown 

          options={cities} 

          onChange={this.handleSelectCity} 

          value={selectedCity} 

          placeholder="Select an option" 

        />

      )

   }

}


export default App;


查看完整回答
反對 回復(fù) 2019-05-17
?
慕的地10843

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

在Dropdown組件中，您可以執(zhí)行以下操作

{(this.props.options.length > 1) ? <option>{this.props.placeholder}</option>: null}

瀏覽器將自動(dòng)選擇列表中的第一個(gè)選項(xiàng)。


查看完整回答
反對 回復(fù) 2019-05-17
  • 2 回答
  • 0 關(guān)注
  • 870 瀏覽
慕課專欄
更多

添加回答

舉報(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)