React / Redux how split input values with comma

Question

i'm trying to split my input values with comma at onBlur function and set them to redux state as array but it's not working.

I read it at some topics that possible with .split(',')

my approach:

input onBlur={event = () => this.props.getValue(event.target.value)}

my action:

export const getValue = (value) => {
  return dispatch => {
    dispatch({
      type: 'SET_VALUE',
      payload: value.split(',')
    });
  };
};

my reducer:

let initialState = {
  codes: [],
};

export default (state = initialState, action) => {
  switch (action.type) {
    case SET_VALUE:
      return { ...state, codes: action.payload };
    default:
      return state;
  }
};

what i want at the end? :

i want in my reducer like that data:

codes: [28282, 28922, 18171, 27272, ....]

but it give me now something like that:

codes: [28282 28922 18171 27272 ....]

is it giving you a long string instead of an array ? like ["28282 28922 18171 27272"] ? — Taki
– Taki, Commented Aug 13, 2019 at 12:56
and the values you are entering are space-separated, not comma-separated? — nem035
– nem035, Commented Aug 13, 2019 at 12:57

Fullhdpixel · Accepted Answer · 2019-08-13 12:59:02Z

1

If you want an array the action should be like this

export const getValue = (value) => {
  return dispatch => {
    dispatch({
      type: 'SET_VALUE',
      payload: value.split(' ')
    });
  };
};

answered Aug 13, 2019 at 12:59

Fullhdpixel

8231 gold badge13 silver badges28 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

React / Redux how split input values with comma

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related