ReactJs Switch Button управляет текстовым полем - PullRequest
Новая
       6

ReactJs Switch Button управляет текстовым полем

0 голосов
/ 06 ноября 2019 
handelChangeSetdata= (event, data) => {   
      var sship = document.getElementById(data.logistic_id);
      if(event == false){
        sship.style = "display:none";
      }else{
        sship.style = "show";
      }
    };  




{data.map((key,value) => key.enabled ?    
    <label className="pull-right" title="">
           <Switch
              onChange={(event) => { this.handelChangeSetdata(event, key) }} 
           />
         </label>
           {                                
               key.fee_type == 'CUSTOM_PRICE' ? 
                  <FormItem>
                     {getFieldDecorator(key.logistic_id.toString(), {
                        initialValue: "",
                        rules: [
                                { 
                                  required: false, 
                                  message: 'Please input your value!', 
                                  whitespace: false 
                                }
                               ],
                            })(
                              <Input style={{display: 'none'}}/>
                            )}
                   </FormItem>
                  :null                                                                                                      
             } 
     :null)}

Выше кода будет генерировать кнопку переключения с одним текстовым полем, как один набор на основе значения имеют. Кто-нибудь знает, как установить требуемые правила true false на основе родительского элемента кнопки переключения, например, если кнопка включения включена, на ней будет отображаться текстовое поле ввода, возможно ли установить требуемые правила на основе кнопки выключения?

UI смотрите здесь

...