React Boilerplate unable to fix click event

Asked Oct 14 '19 at 10:40

Active Oct 14 '19 at 10:45

Viewed 145 times

I am trying to implement one functionality in React Boilerplate

1: https://github.com/react-boilerplate/react-boilerplate I have downloaded the code and run this command:

npm run setup

And it generated default homepage and feature page and then I run this command:

npm run generate

And generated the main container and added a link to the header component. I am trying to dispatch one-click action but it is not working. Have a look at the code I am using: Link to Action and Reducer

I have added this code in index.js:

<button onSubmit={onChangeUsername}>Click me</button>

and dispatching it using:

function mapDispatchToProps(dispatch) {
  return {
    onChangeUsername: evt => dispatch(changeUsername(evt.target.value)),
  };

I don't know why it is not working do I need to add this into the global reducer. This react boilerplate is good but I am unable to solve this puzzle.

edited Oct 14 '19 at 10:45

asked Oct 14 '19 at 10:40

Nilay Singh

2,201
6
31
61

try – Ajay Ghosh Oct 14 '19 at 11:02
Not working bro I have tried all things but react boilerplate has many dependencies. – Nilay Singh Oct 14 '19 at 11:04
Does the button click cause a dispatch? put a console.log inside the corresponding reducer to debug. – Ajay Ghosh Oct 14 '19 at 11:07
What do you expect it to do? It seems to me that `evt.target` would be the button here, which has no value at all. – amik Oct 14 '19 at 11:09
It is not dispatching it is doing nothing. – Nilay Singh Oct 14 '19 at 11:09
I think it is "dispatching", but `event.target.value` is an empty string (it is a value of the button element), so you are sending it nothing. Where is your input with user name? – amik Oct 14 '19 at 11:11
No it is not working I removed that target – Nilay Singh Oct 14 '19 at 11:13
That is not much helping – amik Oct 14 '19 at 12:24
1

I solve that I used this: onClick in place of onSubmit – Nilay Singh Oct 14 '19 at 12:30

React Boilerplate unable to fix click event

0 Answers0