亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

使用React JS進行下拉的OnChange事件

使用React JS進行下拉的OnChange事件

一只甜甜圈 2019-10-08 14:30:54
var MySelect = React.createClass({     change: function(){         return document.querySelector('#lang').value;     },     render: function(){        return(           <div>               <select id="lang">                  <option value="select" onChange={this.change}>Select</option>                  <option value="Java" onChange={this.change}>Java</option>                  <option value="C++" onChange={this.change}>C++</option>               </select>               <p></p>               <p value={this.change}></p>           </div>        );     }});React.render(<MySelect />, document.body);該onChange事件不起作用。
查看完整描述

3 回答

?
一只萌萌小番薯

TA貢獻1795條經驗 獲得超7個贊

React Hooks(16.8+):


const Dropdown = ({

  options

}) => {

  const [selectedOption, setSelectedOption] = useState(options[0].value);

  return (

      <select

        value={selectedOption}

        onChange={e => setSelectedOption(e.target.value)}>

        {options.map(o => (

          <option value={o.value}>{o.label}</option>

        ))}

      </select>

  );

};


查看完整回答
反對 回復 2019-10-08
  • 3 回答
  • 0 關注
  • 3850 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號