slice() method is not working inside react class based component

Question

I am facing a bug that I cant use the .slice() method of javascript in react, basically I call the slice() method inside a function in class-based component, and the function in which I put the slice is passed to 2 levels down child component and triggered from there onClick event but the issue is that the slice method is not doing its work of removing element it just consoles the same array, here I show you the code in simple concept,

useSlice = () => {
  let arr = ['a', 'b', 'c'];
  console.log(arr.slice(1, 1));
}

useSlice()

this code print the same values of the array in the console instead of displaying the modified array. What to do ???

It is difficult from information to debug thhis pls post relevant code — sgrmhdk
– sgrmhdk, Commented Sep 9, 2020 at 4:29

Drew Reese · Accepted Answer · 2020-09-09 04:37:03Z

5

You should read more detail about how splice work at: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/slice

The second param in slice is end index (exclusive). So, if you arr.slice(1,1): mean slice from index 1 to index just before 1 will always return empty array.

By the way, if you want to remove element. You should use 'splice' instead.

edited Sep 9, 2020 at 4:37

Drew Reese

207k19 gold badges280 silver badges293 bronze badges

answered Sep 9, 2020 at 4:29

Viet Dinh

2,0261 gold badge10 silver badges21 bronze badges

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

Comments

Yatrix · Accepted Answer · 2020-09-09 04:29:50Z

2

arr.slice(1,1) returns [], as it should. You're starting at element 1 and ending at element 1, which is zero elements. This is effectively range 1-0, which you can't do.

answered Sep 9, 2020 at 4:29

Yatrix

13.9k17 gold badges57 silver badges83 bronze badges

Collectives™ on Stack Overflow

slice() method is not working inside react class based component

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related