選擇reactjs箱不工作

我有選擇框，從服務器獲取數據，並使用螞蟻設計張貼到服務器的形式。選擇reactjs箱不工作

，但我有應對變化不工作問題，全球有機紡織品標準我一個錯誤：無法讀取的不確定

屬性「價值」這是我的代碼

let optionData = []; 

class ContentCountries extends React.Component { 
    constructor(props){ 
    super(props); 
    this.state = { 
     value: 'Select', 
     jsonData: 0 
    }; 
    } 
    handleChange(event) { 
    this.setState({value: event.target.value}); 
    } 
    handleSubmit(event) { 
    event.preventDefault(); 
    var data = { 
     name: this.state.value 
    } 
    console.log(data); 
    /*$.ajax({ 
     type: 'POST', 
     url: 'https://google.com', 
     data: data 
    })*/ 
    } 
    componentDidMount(){ 
    //ajax request 
    /*$.ajax({ 
     type: 'GET', 
     url: 'https://google.com', 
     succes: function(data){ 
     optionData = data; 
     } 
    })*/ 
    //static example 
    optionData.push('Bangalore'); 
    optionData.push('Pune'); 
    this.setState({jsonData: 1});//change the status so the select tag will get the new values(render will happen) 
    } 
    render() { 
    var optionsTag = <Option value="">Select City</Option> 
    if(optionData.length){ 
    optionsTag = optionData.map((data,index) => { 
          return <Option value={data} key={index}>{data}</Option> 
          }) 
    } 

    return (
    <form onSubmit={false}> 
     <label> 
      Please select city: 
      <Select value={this.state.value} onChange={this.handleChange.bind(this)}> 
      { optionsTag} 
      </Select> 
     </label> 
     <input type="button" onClick={this.handleSubmit.bind(this)} value="Submit" /> 
     </form> 
    ) 
    } 
}

來源

2016-12-25 leman17

您是否使用自定義的'Option'並沒有被這裏顯示'Select'組件？如果沒有，常規的html元素應該是小寫的。如果您使用的是自定義的'Select'組件，您將需要檢查其文檔，看看它與'onChange'回調做。 –

是的，我使用custome選擇和螞蟻設計的選項https://ant.design/components/form/ 但它沒有任何關係的onChange方法@JonnyBuchanan – leman17

編輯：對不起，因爲你說，這是Ant Design。然而，它幾乎是與你的handleChange功能相同。因爲它需要的值作爲參數，而不是事件。所以傳遞參數裏面沒有target屬性。

handleChange(val) { 
 
    this.setState({value: val}); 
 
    }

來源

2016-12-25 09:42:31

是...這..非常感謝 – leman17

選擇reactjs箱不工作

回答

相關問題