title: Trying to pass event.target.name - TypeError: Cannot read property 'target' of undefined
body: <p>I have been working with React for a few months on a new project and recently decided to implement Redux (still new to it).</p>
  
  <p>getMusicGenreOptions function worked prior to adding it to the reducer/implementing redux. I am not sure how to pass 'event' (specifically event.target.name) on dispatch to the reducer function so it does not return undefined (onClick).</p>
  
  <p><strong>My error:</strong></p>
  
  <p>TypeError: Cannot read property 'target' of undefined</p>
  
  <p><strong>My code:</strong></p>
  
  <p><em>The Click Event</em></p>
  
  <pre><code>                                &lt;button 
                                      className="categories"
                                      name="blue note"
                                      onClick={(event) =&gt; 
                                          {
                                              event.preventDefault(); 
                                              this.props.getMusicGenreOptions(event);
                                          }
                                      }
                                      &gt;blue note
                                  &lt;/button&gt;
  </code></pre>
  
  <p><em>The Dispatch</em></p>
  
  <pre><code>const mapDispatchToProps = (dispatch, event) =&gt; {
  return {
      getMusicGenreOptions: (event) =&gt; 
          dispatch({
              type: 'GET_MUSIC_GENRE_OPTIONS',
          }),
  }
  </code></pre>
  
  <p>}</p>
  
  <p><em>The Reducer</em></p>
  
  <pre><code>export const reducerInterestForm = (state = initialState, action) =&gt; {
  switch (action.type) {
      case "GET_MUSIC_GENRE_OPTIONS":
          const genre = event.target.name; // get the name of the music genre via event target
          const music = data.interest.filter( music =&gt; music.category === "music" ); // filter music specific interest into an array (no movies or television)
          const filteredOptions = music.find( options =&gt; options.group === genre); // filter out the specific genre via event target
          return Object.assign({}, state, {
              currentMusicGenre: this.state[filteredOptions.state]
          })
  </code></pre>