Single handler on multiple listener on react

Question

Were trying to use es6 to make dynamic state without multiple handlers but I\'m stuck. I\'ve no clue what\'s wrong with my code below

Answer 1

In you case event delegation should help. Instead of binding multiple event handlers for every input, bind single one on the common parent container:

    

        Mon
        
        
    
    

        Tue
        
        
    

Now in handleAdvancePrice you can check for proper event target, it should be input elements, i.e. e.target.tagName === 'INPUT', and proceed in this case. But if you don't have other form elements within this container, you don't even need this check, because onChange event can only originate from form elements and if you only have inputs, you are fine and handleAdvancePrice stays untouched.