[REACTJS] 선택에서 가치를 얻을 - 반응

선택에서 가치를 얻을 - 반응

해결법

1. ---

   1.이 귀하의 onChange를 변경합니다.

   이 귀하의 onChange를 변경합니다.

   onChange={this._handleChange}
   

   또한 다른 handleChange 방법은 당신이 시도 할 수

   handleChange(e) {
   let {name, value} = e.target;
   this.setState({
     [name]: value,
   
   });
   
   }
   

2. ---

   2.

   import React, { Component } from 'react';
   
   export default class App extends Component {
   
     constructor(props) {
       super(props);
       this.state = {
         value: 'a'
       }
     }
   
     _handleChange = (event) => {
       this.setState({ value: event.target.value })
     }
   
     render() {
       return (
         <div className="container">
           <div className="list-container">
             <div className="list-select">
               <select
                 onChange={this._handleChange}
                 className="ant-input selectBox"
                 style={{ width: 200 }}
                 placeholder="Select a person"
                 ref={ref => {
                   this._select = ref
                 }}
                 defaultValue={this.state.value}
               >
                 <option value="a">A</option>
                 <option value="b">B</option>
                 ...
               </select>
             </div>
           </div>
         </div>
       );
     }
   }
   

   당신은 onchange를 처리기에서 _handleChange를 호출하지 않아야합니다. 모두를 포함하는 나쁜 관행입니다

   value={this.state.value}
   defaultValue={this.state.value}
   

   드롭 다운에에 반응한다. 두 있지만 둘의 당신이 중 하나를 공급 한.

   여러 입력을위한 그 핸들러를 사용하려는 경우, 당신은 대신이 일을 고려해야합니다.

   _handleChange = ({ target: { name, value } }) => {
       this.setState({ [name]: value })
   }
   

from https://stackoverflow.com/questions/47850489/get-value-from-select-react by cc-by-sa and MIT license