無法在<select>中選擇其他選項，但是選項列表在下拉列表中可見...

在這裏，我將表單值發送到服務器，該服務器當前工作正常。但是，我無法從選擇輸入中選擇其他值除了默認選項...請幫助！無法在<select>中選擇其他選項，但是選項列表在下拉列表中可見...

var Query = React.createClass({ 
    getInitialState(){ 
    return{ 
     value:'Sunday' 
    } 
    }, 

    change(e){ 
    this.setState({value: e.target.value}); 
    }, 

    join() { 
    var memberName = React.findDOMNode(this.refs.name).value; 
    var dayz = React.findDOMNode(this.refs.day).value; 
    //emits name and day to the server.... 
    this.props.emit('join',{ name: memberName, day: dayz }); 
    }, 

    render(){ 
    return(
     <div> 
     <form action="javascript:void(0)" onSubmit={this.join}> 
      <input ref="name" type="text" required/> 
      //unable to select other options apart the first (sunday => Wow) 
      <select ref="day" onChange={this.Change} value={this.state.value}> 
      <option value="sunday">Wow</option> 
      <option value="a">ssd</option> 
      <option value="Java">Java</option> 
      <option value="C++">C++</option> 
      </select> 
      <button>Join</button> 
     </form> 
     </div> 
    ); 
    } 
}); 
module.exports = Query;

來源

2016-04-27 Manoj

而且我在控制檯中看到這個錯誤：失敗形式propType：你提供了一個沒有'onChange'處理器的表單字段的'value' prop。這將呈現一個只讀字段。如果該字段應該是可變的，則使用'defaultValue'。否則，請設置「onChange」或「readOnly」。檢查'Query'的渲染方法。 – Manoj

有一個在<select>一個錯字：它有一個大寫「C」，而不是一個小寫字母「C」的功能等的名稱。將this.Change更新爲this.change。

<select ref="day" onChange={this.change} value={this.state.value}>

來源

2016-04-27 15:16:17

ohh crap！...除了那個之外，我做了一切...... thankyou ssorallen :) – Manoj

無法在<select>中選擇其他選項，但是選項列表在下拉列表中可見...

回答

相關問題